Live preview, running the exact code the prompt carries
Siding The Journey
A single 39 minute journey drawn to scale: seven legs down a vertical strip whose heights are proportional to their minutes, so the 9 minutes of walking and 8 of waiting take up as much of the picture as they do of the morning, with the change at Exchange priced in time and the trip priced as one fare.
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
- 685 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.
