Live-Vorschau, sie läuft mit genau dem Code, den der Prompt enthält
Pacer Activity
October activity: distance, runs and hours, weekly kilometres as a real labelled bar chart, then this week and last week runs each with its own route thumbnail on a real map.
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
- 305 Zeilen
- Big Shoulders Display, Inter
- Extra Bold, Black · Regular, Medium, Semi Bold, Bold
- über @expo-google-fonts
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.
