Aperçu en direct, exécutant exactement le code que contient le prompt
Transom Affordability
An affordability screen where the deposit, the rate and the term are live controls and the monthly payment is the proper amortisation figure rather than the loan divided by the months. A computed split bar shows how much of the first year is interest, a curve shows the year capital overtakes it, and both totals fall out of the same schedule.
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
- 566 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.
