Aperçu en direct, exécutant exactement le code que contient le prompt
Teller Spending Breakdown
A spending screen where the ring is computed arc by arc from the category array so the six segments sum to the total by construction, and the budget card divides by the days that have actually elapsed and draws the projection against the line the budget would need.
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
- 614 lignes
- Inter
- Regular, Medium, Semi Bold, 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.
