Aperçu en direct, exécutant exactement le code que contient le prompt
Interval Session Detail
A threshold interval session drawn on a time axis: ten blocks laid end to end, each placed by its cumulative start, sized by its minutes and raised and coloured by its zone. The total reduces from the blocks, the planned time in zone reduces from the same blocks and sums back to it, zones three and five are shown genuinely empty rather than hidden, and every target heart rate range is computed from the zone bands.
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
- 567 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.
