Live preview, running the exact code the prompt carries
Ballast Documents
An insurance document list where the four files are drawn as a shelf of sheets whose heights are their sizes, so the computed total is something you can see rather than take on trust. Each row carries its own drawn mark, and the certificate of motor insurance is the only one with a download on it.
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
- 609 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.
