Aperçu en direct, exécutant exactement le code que contient le prompt
Interval Session Builder
A builder where work duration, recovery, round count, target zone and the warm up and cool down pair are real state with bounded steppers, and the whole session rebuilds live from them: the block list, the total, the preview drawn on a time axis and the planned time in zone all move when a control moves. A computed warning appears when the structure puts more than a tenth of the session in zone five.
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
- 712 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.
