Aperçu en direct, exécutant exactement le code que contient le prompt
Shoenest Sneaker Details
A sneaker detail page with a split hero, the product colour as a panel on the left and the photo straddling the edge, then a row of round size buttons, three lines of copy and a price pill beside one orange add to cart action.
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
- 301 lignes
- Inter
- Regular, Medium, Semi 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.
