Live-Vorschau, sie läuft mit genau dem Code, den der Prompt enthält
Teller Monthly Budget Pace
A monthly budget screen built around a pace chart: cumulative spend walked out of a daily array as a solid line, the even pace to the budget as a neutral dashed line, and the same rate carried past today as a dashed projection landing well over. Category budgets follow as proportional bars, with only the ones heading past their own limit taking the red.
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
- 506 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.
