Aperçu en direct, exécutant exactement le code que contient le prompt
Teller Monthly Budget Pace
A monthly budget screen built around a pace chart: cumulative spend walked out of a daily array as a solid line, the even pace to the budget as a neutral dashed line, and the same rate carried past today as a dashed projection landing well over. Category budgets follow as proportional bars, with only the ones heading past their own limit taking the red.
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
- 506 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.
