Live preview, running the exact code the prompt carries
Gate Playback And Data
Playback and data settings for a streaming app, with the arithmetic nobody shows: a download quality ladder where each rung divides its bitrate into gigabytes an hour and then divides the free space by that, so Best available buys seven hours where Basic buys seventy seven. Autoplay, data usage and subtitle appearance are all real state, and the subtitle preview changes live with the setting.
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
- 658 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.
