Your first prototype

Make the prototype fit your actual Tuesday, and meet the tool.

1. 1

   What just happened

   In-app

   What vibe coding is, what actually built your prototype, and why this is a learnable skill — not magic.

   Do: Name the three parts of what you watched

2. 2

   Your world, in data

   In-app

   The context interview: your role, your team, your typical patients, the systems you touch daily. Then watch your prototype regenerate with your world's data.

   Do: Build your clinical context profile

3. 3

   The synthetic-data rule

   In-app

   Why we never prototype with real patient data, and how realistic synthetic data makes your prototype credible AND safe.

   Do: Spot the PHI: a 60-second drill

4. 4

   Meet Claude Code

   In-app

   The skill on the other side of this course: what Claude Code is, why clinicians who have it are different, and exactly what you'll need.

   Do: The what-you'll-need checklist (Claude Pro, laptop)

5. 5

   Set it up

   In Claude Code

   Install Claude Code, step by step with screenshots — and verify it's working before moving on.

   Do: Install + say hello to Claude Code

Your prototype comes home. You start driving.

1. 1

   Bring your prototype home

   In Claude Code

   Get your Lesson-0 prototype onto your machine, opened in Claude Code, rendering in the preview pane.

   Do: Open your prototype in Claude Code

2. 2

   Anatomy of a prompt

   In-app

   The pattern behind every good build instruction: context, intent, constraint. Read three real prompts and see the skeleton.

   Do: Label the anatomy of a real prompt

3. 3

   Your first prompt

   In Claude Code

   Change one real thing about your prototype — your words, your call. This is the rep the whole course is built around.

   Do: Write and run your first prompt

4. 4

   The iteration loop

   In Claude Code

   Assess, adjust, repeat — the loop clinicians already know from titrating anything. Three more self-authored reps.

   Do: Three reps: three changes you chose

From plausible demo to the thing you'd actually show your team.

1. 1

   The use case, sharpened

   In-app

   Who opens this on a Tuesday, and what do they need in the first ten seconds? Tighten the prototype around the real moment of use.

   Do: The Tuesday-morning test

2. 2

   Content that rings true

   In Claude Code

   Replace the generated sample data with synthetic content shaped by YOUR context profile — the sniff-test layer.

   Do: Rebuild the data to match your world

3. 3

   Make it yours to look at

   In-app

   Fonts, palette, and voice — pick a look in two quick head-to-head rounds, then apply the styleguide to your prototype.

   Do: Font duel + palette pick, then apply it

A real URL you can text to a colleague tonight.

1. 1

   A home for your code

   In Claude Code

   GitHub in plain terms: why your project needs a home, and putting yours there from inside Claude Code.

   Do: Push your project to GitHub

2. 2

   Go live

   In Claude Code

   Deploy to Vercel. Watch your prototype become a website with your name on it.

   Do: Deploy — then open your live URL

3. 3

   Show one colleague

   Reflect

   Send the link to one person who lives the problem. Their first reaction is your first user research.

   Do: What did they say? Capture it.

What you built, what you learned, what's next.

1. 1

   Your build story

   In-app

   The record of what you made and the patterns you used — plus the option to publish it to the gallery with your role on it.

   Do: Publish to the gallery (or keep it private)

2. 2

   Where this goes

   Reflect

   Pitch it to your innovation team, keep building, or start prototype #2 — the three roads from here, mapped.

   Do: Pick your road