Aperçu en direct, exécutant exactement le code que contient le prompt
Transom Book A Viewing
Booking a house viewing where the slot grid is real state read per day from an array, so the week is seven different grids: a free slot is a hairline surface, a taken one is disabled and marked in the data red, and the chosen one is the only solid blue on the screen. The footer derives the end time from the slot and the viewing length.
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
- 507 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.
