screens

# screens — Design-First Screen Sync (Claude Design ⇄ Blueprint) Screens are the surface where canvas iteration beats contract prose: Claude Design nails visual and interaction nuance the blueprint's tables cannot. `prompt` writes a **wireframe-level** brief that commissions a flow's page for one device type — structure, navigation, components, and behavior; the visual design itself is made in the canvas chat — and **the file is the deliverable**: the user pastes it into the canvas chat themselves; this skill never runs a brief against the Claude Design MCP. A brief is **always the flow's full screen blueprint**, regenerated in place — never a delta note; the canvas reconciles its existing pages against the latest brief (revise-in-place). `import` brings the designed pages back and folds what they decided into the contract — **through `/vwf:blueprint`, one confirmed delta at a time**. The blueprint stays the contract of record; the canvas is where screens get good. **The naming contract is the join key.** Three levels: - **Pages** — the canvas unit is **one interactive page per flow per platform**, at the project root, named `<flow>--<platform>` (`020-signin--mobile`, `010-now-playing--carplay`, …) — `<flow>` is exactly the numbered folder name under `docs/blueprint/flows/<project>/<device>/` for the registry project this canvas is pinned to, so the canvas sorts in execution order like the blueprint tree. The platform suffix (`mobile`, `tablet`, `desktop`, `carpl...