Aperçu en direct, exécutant exactement le code que contient le 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.
Collez dans Claude Code, Cursor ou Windsurf. Ça construit cet écran à l'identique dans votre app.
Ce que le prompt contientTout est inclus, rien n'est téléchargé
- screen.tsx
- écrit en entier, prêt à coller
- 543 lignes
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- via @expo-google-fonts
- Règles d'intégration
- livré à l'identique, jamais adapté à votre thème
- SDK 52+
La règle que suit ce design
Il est livré exactement comme l'aperçu : mêmes couleurs, même typographie, même texte, même animation. Le prompt indique à votre agent de le construire ainsi, sans l'adapter à votre thème existant.
