Workshop tool · Sketch → Prototype

Turn hand-drawn scribbles into a working prototype.

Run a Crazy Eights round with a built-in timer, drop in photos of the sketches, describe the idea in a few fields — then get a copy-ready AI prompt or generate a clickable HTML prototype live. Use it live in a group workshop, or solo at your desk.

1Ideate (Crazy Eights) 2Add sketches 3Describe 4Generate
1

Crazy Eights

Eight ideas, eight minutes. Optional — skip if you already have sketches.
08:00

Sketch each idea on paper, then tap a frame to add a photo of it. Frames feed straight into the prototype.

2

Add your sketches

Drop in any scribbles, wireframes or whiteboard photos. These + your Crazy Eights frames get sent to the AI.
🖼️

Drop images here or click to upload

PNG, JPG, HEIC · multiple files · photos of paper sketches work great

No images added yet.
3

Describe the idea

The more context, the better the prototype. Everything here is optional.
Responsive web Mobile app Desktop dashboard
Low-fi wireframe Mid-fi High-fi polished
Single HTML file React + Tailwind HTML + Tailwind
4

Generate the prototype

Copy a ready-made prompt into any AI, or generate a clickable prototype live.

Copy prompt no key

Builds a tailored prompt. Paste it — with your images attached — into Claude, ChatGPT, v0 or Lovable. Safe to hand to every participant.

Generate live your key

The tool calls the AI itself and renders a clickable prototype right here. Needs your own API key, used only in your browser.

prototype-prompt.txt

        
Don't forget the images. This prompt describes the idea — attach your 0 sketch(es) to the same message so the AI can see them. In Claude/ChatGPT use the paperclip; in v0/Lovable drag the images in.
Working…

Your key is sent directly from your browser to the provider to make this one request — it is never stored and never touches any Peter Spiegel server. For a shared workshop, use “Copy prompt” instead.

Your prototype


      
Copied to clipboard