Aperçu en direct, exécutant exactement le code que contient le prompt
Transom Compare Properties
Three saved properties in scrolling columns, each with its photograph, price, rooms, floor area and a computed price per square foot drawn as a bar. That row inverts the order, since the cheapest house is the most expensive space, and the monthly payment underneath puts all three on the same deposit, rate and term.
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
- 511 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.
