Live-Vorschau, sie läuft mit genau dem Code, den der Prompt enthält
Teller Card Controls
A card detail screen where the card is drawn rather than photographed, so freezing it repaints the whole thing instead of dropping a badge over a picture. Below it the controls are plain hairline rows with working switches, each carrying one line saying what the consequence actually is in the state it is in, plus the spend that went through the card this month.
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
- 559 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.













