Vista previa en vivo, ejecutando el mismo código que lleva el prompt
Magneto Charge Schedule
A week of overnight charging drawn as seven columns of 18:00 to 09:00 with the off peak window shaded and each night's block sitting inside it, so the reason for the schedule is visible rather than stated. Every block is derived from the miles that day needs and placed backwards from the departure time, and the saving compares the week's energy at the off peak rate against the same energy at the peak rate.
Pégalo en Claude Code, Cursor o Windsurf. Construye esta pantalla 1:1 en tu app.
Qué lleva el promptTodo incluido, nada se descarga
- screen.tsx
- escrito al completo, listo para pegar
- 543 líneas
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- vía @expo-google-fonts
- Reglas de integración
- se entrega 1:1, nunca se adapta a tu tema
- SDK 52+
La regla que sigue este diseño
Se entrega exactamente como se muestra en la vista previa: mismos colores, misma tipografía, mismo texto, mismo movimiento. El prompt le indica a tu agente que lo construya así, sin adaptarlo a tu tema existente.
