Live preview, running the exact code the prompt carries
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.
Paste into Claude Code, Cursor or Windsurf. It builds this screen 1:1 in your app.
What the prompt carriesEverything inlined, nothing fetched
- screen.tsx
- written in full, ready to paste
- 559 lines
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- via @expo-google-fonts
- Integration rules
- ships 1:1, never re-themed to your app
- SDK 52+
The rule this design follows
It ships exactly as previewed: same colors, same type, same copy, same motion. The prompt tells your agent to build that, and not to adapt it to your existing theme.
