How VP0 works
From a real design
to real code.
VP0 is a free library of iOS app designs built to be read by AI coding agents. Five steps, no account, no lock-in — this page shows the whole journey.
01 · the library
Start from a real design, not a blank prompt.
Browse free, production-grade iOS screens and pick the one that matches what you are building. No signup required.
02 · the secret
Humans see the design. Agents read the source.
Every design ships with a hidden, AI-readable source page: layout, colors, spacing and components as structured text your coding agent reads directly — no screenshot guessing.
03 · the handoff
One link. Or no link at all.
Copy a design link into Claude Code, Cursor, Rork, Lovable or any AI builder — or install the free VP0 MCP once and ask for designs by name.
> prompt
Build this design:
04 · the build
Structure in. Real screen out.
Because the source is structured, the agent doesn't invent spacing or hallucinate layout. The screen assembles exactly as designed — in far fewer prompts than a blank description.
source · fitness-tracker
layout: tab-scaffold (4 tabs)
header: TUESDAY · Today's Training
stats: 2-up cards · kcal 486 · min 42
chart: weekly bars ×7 · +18%
row: Interval Run · cta pill
tabbar: 4 items · active home
structure in →
05 · the result
Yours to keep. Free, no lock-in.
What lands in your repo is standard code you own — components, theme tokens, the lot. VP0 costs nothing and holds nothing hostage.
Or jump straight to the MCP setup · use with Claude Code · tutorials