Live-Vorschau, sie läuft mit genau dem Code, den der Prompt enthält
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.
In Claude Code, Cursor oder Windsurf einfügen. Baut diesen Screen 1:1 in deiner App.
Was der Prompt enthältAlles eingebettet, nichts wird nachgeladen
- screen.tsx
- vollständig ausgeschrieben, bereit zum Einfügen
- 567 Zeilen
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- über @expo-google-fonts
- Integrationsregeln
- wird 1:1 geliefert, nie an dein Theme angepasst
- SDK 52+
Die Regel, an die sich dieses Design hält
Es wird genau wie in der Vorschau ausgeliefert: gleiche Farben, gleiche Schrift, gleicher Text, gleiche Animation. Der Prompt weist deinen Agenten an, es so zu bauen und nicht an dein vorhandenes Theme anzupassen.
