Napkin sketch to clickable prototype, mid-meeting
A product designer photographed a whiteboard sketch during a client workshop and had Claude Code turn it into a working clickable prototype before the meeting ended — real components, real interactions, deployed to a URL the client opened on their phone.
The gap between "imagine this" and "tap this" used to be a week; closing it inside the meeting changes how workshops sell work.
The how
- Phone photo of the whiteboard flow, dropped straight into Claude Code.
- A standing project template (design tokens, component library, deploy config) means generation lands styled, not generic.
- Claude Code builds the three-screen flow as a Next.js app against the template, ~15 minutes including two correction rounds.
- Push to a preview URL; client walks the flow on their phone while the workshop is still running.
Run it back
The unlock is the pre-built template — tokens and components ready so output looks like you, not like a demo. Build that once; every workshop after is theater.