ISB AI Founders
Day 2 · 14:15 · guided build

Claude Code 102

Wireframe in. Prototype out. Together.
Talk to users40 minutes
Where you are

Yesterday it wrote a page. Today it builds your product.

Your spec survived real customers. Your wireframe is on paper. Forty minutes from now, screen one of it is real.
Exercise 0 OFFLINE · screens closed

Wireframe it. Boxes and arrows, on paper.

8:00
1Draw every screen of your product as a box. Arrows show where each button goes.
2Ugly is correct. A wireframe is a plan, not a painting.
3Circle the ONE screen where your one feature lives. That one gets built first, today.
8:00
Wireframe on the desk (photo → TEAM FOLDER). Now we build it.
The move

One wireframe screen. Not the whole app. One.

paper wireframe
→
teamname.vercel.app
rendered, live
Pick the screen where your ONE feature lives. That's today's entire ambition.
Site walkthrough · one screen at a time, real people

Other people's ONE screen, already shipped

lovable.dev/templates
Continuum
habit tracker
Team Docs
simple docs for small teams
Invoice Generator
for freelancers
One person, one AI, one real screen. That's what you're about to do.
Boot up · 30 seconds

Same team account. Builder drives. Project open from yesterday.

Log back in with the same team account card. Builder has the keyboard. Open your project from yesterday, the same spec folder. Hands up when your team is in.
Exercise 1 FOLLOW ALONG · laptops open

Describe the screen to Claude Code

5:00
1Open your team's Claude Code project (builder drives, teammates direct).
2Describe the ONE screen from your wireframe: what the user sees, what they can do, in plain sentences.
3Attach or describe your paper wireframe. Tell it: build this screen.
5:00
Watch it build
While it works

Two sentences you are allowed to say today.

Sentence one: 'I expected X, it does Y.' Sentence two: 'Save a version.' That is the whole vocabulary of a professional this afternoon. The deep magic comes tomorrow.
Exercise 2 FOLLOW ALONG · laptops open

Compare to paper. Fix one gap.

5:00
1Hold your wireframe next to the screen. Find the biggest difference.
2Say it precisely: 'I expected [X]. It does [Y].'
3Let it fix. Then SAVE A VERSION.
5:00
Show your table
Go deeper · on your own time

Three places to keep exploring this

Lovable templates
More real, simple apps for ideas.
lovable.dev/templates
Claude Code docs
The official overview page, for tonight if you're curious.
code.claude.com/docs
"How we Claude Code"
For the ambitious: Anthropic's own engineers, day to day.
youtube.com/@claude
Checkpoint

Prototype v0 exists. Your wireframe is coming to life.

Keep going in the build block: next screen, same two sentences. Finished your first screen before the timer? Do not wait: wireframe screen two and build it. Fast teams ship more screens, not longer breaks. Tomorrow morning: mastery.
“Talk to users.” Today you proved it.