Live-Vorschau, sie läuft mit genau dem Code, den der Prompt enthält
Teller Spending Breakdown
A spending screen where the ring is computed arc by arc from the category array so the six segments sum to the total by construction, and the budget card divides by the days that have actually elapsed and draws the projection against the line the budget would need.
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
- 614 Zeilen
- Inter
- Regular, Medium, Semi Bold, 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.
