◆ IDEASHIPPED · your build
🛰️
0% shipped
Interactive Course

Idea Shipped

Take a raw idea and turn it into the best AI-powered web project you can build — a website, web app, or web tool people actually use.

Version v1.0 Published July 16, 2026 Research current as of July 16, 2026 Brand [ your name / studio here ]
~80% of AI projects never deliver real value — almost always because of what gets built and whether it should exist, not the code. This course is built to keep you out of that 80%. (RAND Corporation, cited 2026)

Navigate with , the buttons below, or swipe · your progress & answers save in this browser automatically

Front matter

Who this is for · pick your track

Front matter

Who this is for

You have an idea — or you want one — and you want to build it into a real web product using AI. You might be a non-technical founder who's never shipped code, a developer adding AI to your toolkit, a designer or PM prototyping, or a hobbyist who wants to make something genuinely good. You don't need to know how to code to start: in 2026 you can describe an app in plain English and get a working build. What you do need is judgment — knowing what to build, whether AI belongs in it, and how to ship something trustworthy. That judgment is what this course teaches.

The examples lean toward websites, web apps, and web tools (the fastest things to build and ship today), but the ideation → validation → ship pipeline works for almost any AI product.

Choose your track

Skill-level map

Every module has a core lesson everyone reads, plus deeper blocks tagged by level. Pick a track and the deeper blocks filter to match. Each level assumes the ones before it.

TRACK 01

Beginner

Zero assumed. Every term defined, smallest steps, most guidance. Start here if you've never shipped a product.

TRACK 02

Intermediate

You've built something small. Now: tradeoffs, real tools, and choosing between them.

TRACK 03

Advanced

Edge cases, optimization, troubleshooting, and the messy realities of production.

TRACK 04

Expert

Systems thinking: moats, evals, architecture, and building/customizing your own solutions.

Show:
Was this slide helpful?
Orientation

The pipeline & how this works

Table of contents · How it works

How to use this course

#PhaseYou'll finish it able to…
01Capture the sparkTurn a fuzzy idea into a one-sentence concept
02Validate before you buildProve (or kill) the idea in days, not months
03Find the AI angleKnow where AI adds value vs. where it's a gimmick
04Scope the MVPDefine the smallest thing that proves the idea
05Choose your stackPick 2026 tools + models with confidence
06Build the first versionBuild fast with AI and design good AI UX
07Test & hardenMake it accurate, safe, and trustworthy
08Ship & growLaunch, measure, and iterate toward a moat

The bar at the top is your ship meter — it fills as you mark modules complete. Pass a module's quiz or check off its field exercise, hit “Mark phase shipped,” and your progress saves in this file automatically. The Idea Forge below travels with you: fill it in as you go and it builds your project brief.

The whole journey, one picture

The Idea → Shipped pipeline

01 · SPARKidea → concept 02 · VALIDATEshould it exist? 03 · AI ANGLEvalue, not gimmick 04 · SCOPEsmallest proof 05 · STACKtools + models 06 · BUILDfirst version 07 · HARDENtest + trust 08 · SHIP 🚀launch + grow ↺ loop back anytime validation says so
Eight phases. The first four are judgment; the last four are craft. Most failed projects skip 02 and 03.
Was this slide helpful?
Your workbench

The Idea Forge

Your workbench · returns in every module

The Idea Forge

Fill this in as you move through the course

Build your project brief

Every field maps to a module. By Phase 08 you'll have a complete, sharp brief you can hand to a builder tool, a developer, or an investor. It saves automatically in this file.

Was this slide helpful?
Phase 01 of 08

Capture the spark

PHASE 01

Capture the spark

Idea → a one-sentence concept
Not started
Learning objectives
  • Turn a vague "wouldn't it be cool if…" into a sharp, testable concept
  • Start from a problem, not a feature, so the idea can survive contact with reality
  • Write a one-sentence concept using the "job to be done" frame
  • Recognize when your "idea" is actually just a technology looking for a use

// Ideas are cheap. Sharp concepts are rare.

Everyone has ideas. What separates a project that ships from one that dies in a notes app is sharpness: a concept specific enough that you could explain it to a stranger in one breath and they'd immediately get who it's for and why it matters. "An app with AI" is not a concept. "A tool that turns a plumber's voice memo into a formatted, priced invoice before they leave the driveway" is.

Most great products start from a problem someone already feels, not from a cool technology. When you start from the tech ("I want to use AI!") you tend to bolt intelligence onto something nobody asked for. When you start from a problem, the technology becomes a tool in service of a real need — which is exactly where AI earns its place (Phase 03).

Beginner · plain terms

What "job to be done" means

People don't buy products; they "hire" them to get a job done. Someone doesn't want a drill — they want a hole. Ask: what job is my user trying to get done, and what are they hiring today to do it? Your product has to do that job better than whatever they use now (a spreadsheet, a group chat, a person, nothing at all).

Intermediate · tradeoff

Problem-first vs. solution-first

Solution-first ideas ("let's build an AI X") are faster to get excited about and far more likely to fail, because you fall in love with the build before knowing if anyone needs it. Problem-first is slower and less glamorous but lets you change the solution while keeping the mission. Rule of thumb: you can pivot the solution cheaply; you can't pivot away from a problem nobody has.

Advanced · sourcing better ideas

Where sharp ideas actually come from

Not brainstorms. They come from (1) problems you personally live — you're the expert user; (2) watching people work and noticing the ugly workaround (the spreadsheet held together with copy-paste, the "we just do it manually"); (3) expensive or slow things that intelligence could compress; (4) things that were impossible last year and just became possible because models got cheaper/better. That fourth category is where AI-native ideas hide.

Expert · idea as hypothesis

Treat the concept as a falsifiable bet

Write your concept as a claim you could be wrong about: "We believe [user] will [take a specific action] because [problem] is painful enough that they'll switch from [alternative]." A concept you can't imagine being wrong isn't sharp — it's a wish. The rest of the course is a machine for testing that bet cheaply before you spend months building.

// Walkthrough — write your concept statement

  1. Name the person, not "users." Write one specific human: "Maria, a shift lead at a 40-person restaurant." Vague audiences produce vague products.
  2. Name the job. What is Maria trying to get done? ("Cover a shift when someone calls out sick, fast, without texting 15 people.")
  3. Name today's tool + why it's bad. ("A group text — slow, messy, no one commits, she ends up covering it herself.")
  4. Write the one-sentence concept: "[Product] helps [specific person] [do the job] without [the pain of the current way]."
  5. Say it out loud to someone. If they don't instantly get it, cut words until they do. Drop it into the Idea Forge above.
A person at a whiteboard circling one clear idea among many sticky notes
[IMAGE 1.1]
"A builder at a whiteboard turning scattered sticky-note ideas into a single sharp sentence"
image generator prompt + alt text
Generator prompt: "Photorealistic, eye-level, a focused person at a whiteboard covered in messy colorful sticky notes, drawing a single bold circle around one clear sentence in the center, bright modern workspace, natural window light, instructional photography style, sharp focus, no text, no watermark" Alt text: "A person at a whiteboard circling one clear idea among many sticky notes"
Common mistakes
  • Starting from the tech. "I want to build something with AI" is a hobby, not a concept. Start from a problem.
  • "Everyone" is the user. If it's for everyone, it's for no one. Narrow until it's uncomfortable.
  • Feature-listing. "It has X, Y, Z" hides the fact that you can't say what job it does.
  • Falling in love with the solution. You'll defend a bad idea you're attached to. Stay attached to the problem instead.
  • Confusing "cool" with "needed." Cool demos die. Needed tools get used on a boring Tuesday.
Knowledge check · 5 questions0 / 5

Q1Which is a genuine concept, not just an idea?

Answer: B. It names a specific user, a specific job, and beats a specific bad alternative. The others are vague or tech-first.

Q2"Job to be done" thinking asks you to focus on…

Answer: A. People hire products to get a job done. Understand the job and the current alternative first.

Q3Why is "problem-first" usually safer than "solution-first"?

Answer: B. Solutions are flexible; demand is not. Anchor to a real problem so you can pivot the "how."

Q4Your target user is "small business owners." What's the fix?

Answer: B. Narrow relentlessly. A sharp product for one clear person beats a mushy one for "everyone."

Q5An "idea" that's really a red flag looks like…

Answer: A. Tech-in-search-of-a-use is the classic path to building something nobody needs. The others are real problem sources.
Field exercise · before Phase 02

Write your concept and pressure-test it on a real person.

Was this slide helpful?
Phase 02 of 08

Validate before you build

PHASE 02

Validate before you build

Prove — or kill — the idea in days
Not started
Learning objectives
  • Test whether the idea deserves to exist before writing real code
  • Run problem interviews that get honest answers, not polite lies
  • Read real demand signals (and ignore vanity ones)
  • Set kill criteria so you can walk away without ego

// The cheapest code is the code you never write

Around 80% of AI projects fail to deliver value, and a big chunk are abandoned before they ever reach production (RAND, 2026). The number-one cause isn't bad engineering — it's building something people didn't need. Validation is how you find that out in days, for almost no money, instead of after three months of building.

The goal of this phase is not to prove you're right. It's to try hard to prove yourself wrong, cheaply. If the idea survives an honest attempt to kill it, you build with confidence. If it doesn't, you just saved yourself months.

Beginner · how to interview

Ask about their life, not your idea

People will lie to be nice ("Yeah, I'd totally use that!"). So don't pitch. Ask about the past and present: "Tell me about the last time you dealt with [problem]. What did you do? How long did it take? What did you try before that?" Facts about real behavior are worth more than opinions about your future product. If they've never actually tried to solve it, the problem probably isn't painful enough.

Intermediate · demand signals

Signals worth trusting vs. vanity signals

Trust: people already pay for a worse solution; they've cobbled together a painful workaround; they ask "when can I use it?"; they'll pre-pay or give you their email + calendar time. Ignore: "cool!", likes, generic encouragement from friends, big market-size numbers. Enthusiasm is free; commitment (money, time, data) is the real signal.

Advanced · fast validation tactics

The smoke test

Build a one-page site describing the product as if it exists, with a single call to action ("Get early access"). Drive a little traffic to it (a post in a community your users live in, a small ad). Measure the click-through and sign-up rate. This tests demand for the promise before you build the product. A "fake door" button inside an existing flow works too: see how many people click "Auto-generate with AI" before it does anything.

Expert · risk-first validation

Test the riskiest assumption, not the easiest

Every idea rests on a stack of beliefs. Rank them by "if this is false, the whole thing dies." Then design the cheapest possible test for the riskiest one first — not the one that's most fun to build. For AI products the riskiest assumption is often "the model is actually good enough at this specific task to be trusted," which you can test in an afternoon by hand-running 20 real examples through the model before building anything around it.

// Walkthrough — a 5-day validation sprint

  1. Write your riskiest assumption in the Idea Forge. What belief, if wrong, kills this?
  2. Find 5 real target users. Not friends. Communities, forums, LinkedIn, wherever your specific person hangs out.
  3. Run 5 problem interviews. Ask about their last real experience with the problem. Take notes on exact words and current workarounds.
  4. Hand-test the AI part. Run 15–20 real examples through a model (ChatGPT, Claude, Gemini) by hand. Is it good enough to trust? Note failures.
  5. Put up a smoke-test page. One promise, one button. Share it where your users are. Watch the sign-up rate.
  6. Decide against your kill criteria. Green light, pivot, or walk away — honestly.
What's debated

How many interviews are "enough" is genuinely contested. Some practitioners say patterns emerge by 5; others insist on 15–30 before trusting a signal. The honest answer: 5 is enough to catch an obviously dead idea; it is not enough to confirm a live one. Treat small samples as a filter for "no," not a guarantee of "yes."

Common mistakes
  • Pitching instead of listening. The moment you describe your idea, people start being polite. Ask about their life.
  • Interviewing friends. They'll protect your feelings and wreck your data.
  • Counting compliments as validation. "That's cool" costs nothing. Look for money, time, or data.
  • Skipping the hand-test of the AI. Don't assume the model is good enough — check on real examples first.
  • No kill criteria. Without a pre-committed "walk away" line, you'll rationalize forever.
Knowledge check · 5 questions0 / 5

Q1The main goal of validation is to…

Answer: B. Validation is a cheap attempt to kill the idea. Surviving that is the signal — not applause.

Q2In a problem interview you should mostly…

Answer: A. Real past behavior beats predicted future behavior and beats opinions about your pitch.

Q3Which is a real demand signal?

Answer: C. Existing spend on a worse solution is strong evidence the problem is real and painful.

Q4A "smoke test" landing page validates…

Answer: A. It measures demand for the promise with almost no build cost.

Q5For an AI product, the riskiest assumption is often…

Answer: A. If the model can't do the core task reliably, nothing else matters. Test it by hand first.
Field exercise · before Phase 03

Run a mini validation sprint on your idea.

Was this slide helpful?
Phase 03 of 08

Find the AI angle

PHASE 03

Find the AI angle

Where AI adds value vs. where it's a gimmick
Not started
Learning objectives
  • Tell the difference between AI-native, AI-enhanced, and AI-washed products
  • Apply two fast tests: the "remove the AI" test and the "better models" test
  • Spot tasks where AI genuinely shines vs. where plain software wins
  • Decide, for your idea, whether AI belongs — and how deep

// A chatbot bolted onto a form is not an AI product

There's a spectrum. AI-enabled products existed before AI and just added a feature — the core value survives without it. AI-native products are built around intelligence from the first architectural decision; remove the AI and the product ceases to exist. Between clarity and hype sits AI-washed: a "✨ generate" button sprinkled on for marketing, doing a job a dropdown could do better.

None of these is automatically "correct" — a well-placed AI feature can be exactly right. What's fatal is not knowing which one you're building, because it drives your whole architecture, cost model, and even your legal obligations.

AI-WASHED✨ button for marketingremove it: nothing lost AI-ENHANCEDreal feature on a solid productremove it: product still works AI-NATIVEbuilt around intelligenceremove it: product is gone → deeper AI = more value, more cost, more responsibility
Know which one you're building. It changes everything downstream.
Beginner · the two tests

Two questions that cut through the hype

1. The "remove the AI" test: if you deleted the AI, does the product stop working, or just lose a nice extra? Stops = AI-native. Loses an extra = AI-enhanced. Barely changes = you don't need AI here. 2. The "better models" test: when models get much better next year, are you happy (your product improves for free) or nervous (a better model could just replace what you built)? Happy = you're building on AI. Nervous = you might be a thin wrapper that gets erased.

Intermediate · where AI wins

Good jobs for AI vs. jobs for plain code

AI shines at: understanding messy human input, summarizing, drafting/generating, translating, extracting structure from unstructured text, "fuzzy" matching, and tasks where a roughly-right answer a human can check beats no answer. Plain software wins at: exact math, deterministic rules, lookups, sorting, anything that must be 100% correct every time. If a dropdown, a formula, or an if statement does the job, use that — it's faster, cheaper, and never hallucinates.

Advanced · the wrapper trap

Am I building a moat or a feature someone will absorb?

A "thin wrapper" adds a prompt and a UI on top of a model and nothing else — easy to copy, easy for the model maker to eat. You escape the trap by owning something the model doesn't: a proprietary data flywheel (every use makes your product smarter in a way competitors can't replicate), deep workflow integration (you're wired into how the user actually works), or a hard last-mile (guardrails, evals, domain glue that's genuinely hard to get right). Ask: what do I have that a better model alone still wouldn't?

Expert · agentic vs. assistive

Designing around what the AI is allowed to do

The deepest AI-native products are built around goal-directed agents that plan and act within guardrails — not a copilot bolted onto a human workflow. That's a different design brief: you architect the evaluation layer, the human handoff, and the guardrails as seriously as the model itself. The strongest 2026 products aren't the flashiest demos; they're the ones that treated trust and control as core architecture from day one. If your idea is genuinely agentic, plan for that now — retrofitting governance later is far more expensive.

What's debated

Whether "AI-native from day one" is always right is contested. Some argue new products should go AI-native because there's no legacy to protect and building traditional-then-retrofitting costs more. Others note that in high-stakes regulated domains (health, finance, legal), a contained, auditable, human-overridable AI feature is easier to ship responsibly than a fully autonomous system. Match the depth of AI to the stakes of being wrong.

Interactive tool · answer 4 questions

Should this idea use AI?

Answer for your idea. You'll get a verdict — AI-native, AI-enhanced, or skip the AI — plus a guardrail note.

1. If you removed the AI entirely, what happens to the product?
2. When foundation models get much better next year, you feel…
3. The core task is mostly…
4. A wrong AI answer in your product would be…

Common mistakes
  • AI-washing. Adding a "✨ generate" button to look modern, doing a job plain UI does better.
  • Using AI for exact tasks. Don't ask a model to do arithmetic or apply strict rules — use code. Models can be confidently wrong.
  • Building a thin wrapper. Prompt + UI + nothing else is easy to copy and easy to get erased by the next model.
  • Ignoring the stakes. Deploying autonomous AI where a wrong answer is dangerous and unverifiable.
  • Not knowing which kind you're building. Native vs. enhanced changes your architecture, cost, and legal duties.
Knowledge check · 5 questions0 / 5

Q1The fastest way to tell if a product is AI-native:

Answer: A. The "remove the AI" test. Native = it can't function without the intelligence layer.

Q2You feel nervous that a better model could replace your product. That suggests…

Answer: A. "Better models make me sad" is the wrapper warning. Build a data/workflow/last-mile moat.

Q3Which task should you give to plain code, not an AI model?

Answer: B. Exact, must-be-correct math is a job for deterministic code. Models can be confidently wrong.

Q4An "AI-washed" product is best described as…

Answer: A. AI-washed = cosmetic AI that adds little real value. Not inherently evil, but don't fool yourself about it.

Q5For a high-stakes, hard-to-verify task (e.g., a medical suggestion), the responsible design is…

Answer: A. Match AI depth to stakes. High stakes + no easy check → assistive, auditable, overridable.
Field exercise · before Phase 04

Pin down your AI angle honestly.

Was this slide helpful?
Phase 04 of 08

Scope the MVP

PHASE 04

Scope the MVP

The smallest thing that proves the idea
Not started
Learning objectives
  • Define an MVP as the smallest build that tests your riskiest assumption
  • Cut scope ruthlessly to one core job
  • Pick one success metric that tells you it's working
  • Recognize and stop scope creep before it eats your timeline

// "Minimum viable" means minimum, and it means viable

An MVP is not a tiny, broken version of the whole vision. It's the smallest thing you can build that lets a real user do the one core job and gives you a real signal. The mistake in both directions: too big (you build six features and learn nothing for three months) or too broken (it does too little to prove anything). Aim for a walking skeleton — thin, but end-to-end: a user can actually get the value once.

Concretely, for a web tool: pick the single most important thing your product does. If it did only that, and did it well, would the idea be worth continuing? That's your MVP. Everything else is a later phase.

Beginner · the one-job rule

One job, done end-to-end

Write down every feature you imagine. Then circle exactly one — the one that, if it worked, would make a user say "oh, this is useful." Build only that, all the way through (input → AI does its thing → user gets a result they can use). Ignore accounts, settings, dashboards, and polish until that one loop delights someone. If you can't pick just one, you don't yet understand your core value.

Intermediate · what to fake

Fake the expensive parts

You don't have to build everything to test everything. "Wizard of Oz" the hard parts: if your AI feature is complex, do the work manually behind the scenes for your first 10 users and see if they value the outcome. Use no-auth or a shared link before building login. Hardcode instead of building a settings page. The question your MVP answers is "do people want this?", not "is my codebase elegant?"

Advanced · the metric that matters

Pick one number, define "good" in advance

Vanity metrics (signups, page views) feel good and mean little. Pick one activation or value metric: the percentage of users who reach the "aha" moment — completed the core job successfully. Define your success threshold before you launch, so you can't move the goalposts. Example: "≥40% of new users complete a full [core action] in their first session." One honest number beats a dashboard of feel-good ones.

Expert · MVP as instrumented experiment

Build the measurement in from line one

Treat the MVP as an experiment, not a product. Before building, write the hypothesis, the metric, and the decision you'll make at each outcome (ship more / pivot / kill). Instrument the core funnel from day one so you're capturing the signal an AI-native product will later need for its data flywheel. If you can't state what result would make you stop, you're building a monument, not running an experiment.

// Walkthrough — cut to the core

  1. List every feature you imagine in the full product. Get it all out.
  2. Circle the one core job. The single loop that delivers the value. Everything else gets a "later" label.
  3. Draw the thinnest end-to-end path: what the user types/uploads → what the AI does → what they get back and can use.
  4. Mark what you'll fake or hardcode for v1 (auth, settings, edge cases, the hard AI parts if needed).
  5. Write one success metric + threshold before you build. Put it in the Idea Forge.
  6. Set a time box. "Working MVP in 1–2 weeks." Scope shrinks to fit the box, not the reverse.
Scope creep alarm

Every "and it could also…" is a threat. When you catch yourself adding, ask: does this help me test my riskiest assumption faster? If not, it goes on the "later" list — visibly, so it feels captured, not lost. The "later" list is where good ideas go to wait, not to die.

Common mistakes
  • Building the whole vision. Six features, three months, zero learning. Build one loop.
  • Too-minimal-to-matter. An MVP so thin it can't deliver the value once. It must be viable.
  • Polishing before proving. Perfect UI on an unproven idea is wasted effort.
  • No success metric. Without a number and a threshold, you can't tell success from motion.
  • Letting scope grow to fill time. Time-box the build; cut features to fit.
Knowledge check · 5 questions0 / 5

Q1An MVP is best defined as…

Answer: A. Minimum and viable: thin, but it delivers the core value once and produces a signal.

Q2A "walking skeleton" means…

Answer: A. One complete path through the product, even if minimal, beats many half-features.

Q3Which is a good MVP success metric?

Answer: B. An activation/value metric with a pre-set threshold. Views and likes are vanity metrics.

Q4"Wizard of Oz"-ing your MVP means…

Answer: A. Fake the expensive machinery, deliver the real outcome, and learn whether it's wanted.

Q5You keep adding "it could also…" features. The right move is…

Answer: B. Capture extras on a visible "later" list so they feel saved, and protect the core loop.
Field exercise · before Phase 05

Define your MVP on paper before touching a build tool.

Was this slide helpful?
Phase 05 of 08

Choose your stack

PHASE 05

Choose your stack

Tools + models · current as of July 2026
Not started
Learning objectives
  • Choose between AI app builders and AI coding assistants based on your skill
  • Pick the pieces of a web stack: front end, backend, auth, data, deploy
  • Select a model (or a routing strategy) for cost, speed, and quality
  • Avoid lock-in and keep your API keys safe

// In 2026 you can describe an app and get a working build

The build tools split into two families. AI app builders (Lovable, Bolt.new, Replit, v0) generate whole applications from a plain-English description and host them for you — no coding required. AI coding assistants (Cursor, Claude Code, Windsurf, GitHub Copilot) live inside a real dev environment and help someone who codes go much faster. Picking the wrong family for your skill level wastes time: a non-coder handed Cursor hits a wall; a senior engineer boxed into a no-code builder hits a ceiling.

For validating an idea fast, non-technical founders in 2026 often reach for Lovable (full-stack builds from prompts, with GitHub sync and payments) or Bolt.new for speedy browser builds; v0 by Vercel is strongest when you mainly need polished front-end/React. Developers tend to pair a builder for the first draft with Cursor or Claude Code for the custom logic. (Sources 5–8 below.)

ToolFamilyBest forCoding needed?
LovableApp builderFull-stack app from a prompt; fastest idea→MVP; GitHub + StripeNone
Bolt.newApp builderFast browser builds, inline editing, free tier for prototypingNone–some
v0 (Vercel)App builderPolished React/Next.js UI; great product-team → engineer handoffNone–some
ReplitApp builderAll-in-one browser IDE + agent + hostingNone–some
CursorCoding assistantAI-native IDE for developers; maximum controlYes
Claude CodeCoding assistantAgentic building in the terminal/editor; power usersYes

This landscape moves fast. Treat the table as "as of mid-2026" and re-check before committing — pricing, free tiers, and capabilities change monthly.

Beginner · the whole stack, in plain terms

The pieces of a web app

A web app has a front end (what users see and click), a backend (the logic that runs), a database (where data is stored), auth (logins), and hosting (where it lives on the internet). The good news: modern app builders handle most of these for you. You describe the app; the tool wires up the pieces. Your job is to describe clearly and check the result — not to assemble each part by hand.

Intermediate · picking a model

Which AI model? Don't marry one

There's no single "best" model — there's the best fit for each job. In 2026 the common production pattern is a router: send simple, high-volume calls to cheaper, faster models and reserve a top model for the hard reasoning. For prototyping, Google's Gemini free tier is a popular first stop (large context window, multimodal); Groq is favored when speed matters; OpenRouter gives you many models behind one OpenAI-compatible API so you can switch without rewrites. Design so swapping models is a config change, not a rebuild. (Sources 1, 3, 4.)

Advanced · cost + lock-in

Cost is a design decision, not an afterthought

Token costs add up fast at scale. Three levers: (1) prompt caching and batch APIs — miss these and you can pay 40–60% more than you need; (2) right-sizing — don't send a frontier model a job a small model handles; (3) context discipline — a slim retrieval layer often beats stuffing giant prompts. On lock-in: proprietary caching keys, computer-use runtimes, and quota models become hard dependencies — abstract your model calls behind a thin layer early so a provider change doesn't cascade through your app. (Source 1.)

Expert · build vs. buy the last mile

Where to spend your own engineering

Let builders and frameworks handle the commodity (UI scaffolding, auth, deploy). Spend your scarce effort on the parts that are your moat: the evaluation harness, the guardrails, the domain-specific glue, and the data pipeline that compounds. The Vercel AI SDK (and similar) removes boilerplate for streaming and tool-calling so you can focus there. Rule: never hand-build what a mature tool does well; always hand-build what makes you defensible.

Interactive tool · 4 questions → a recommended stack

Stack Picker (2026)

Answer for your project. You'll get a concrete build tool, a model strategy, and hosting — grounded in the current landscape.

1. Your coding ability:
2. What does it need?
3. What matters more?
4. Budget:

Common mistakes
  • Wrong tool family. Non-coder in a pro IDE, or a strong dev trapped in a no-code box.
  • Marrying one model. No abstraction layer, so switching providers means a rewrite.
  • Ignoring cost until the bill hits. No caching, no routing, frontier model for trivial calls.
  • API keys in the browser. Never ship secret keys to the client — keep them server-side.
  • Shipping generated code unreviewed. AI-built apps can carry security holes; have them reviewed (Phase 07).
Knowledge check · 5 questions0 / 5

Q1A non-technical founder who wants a full-stack MVP fast should reach for…

Answer: B. App builders generate full apps from prompts and host them — no coding needed. IDEs like Cursor assume you code.

Q2The common 2026 pattern for using models cost-effectively is…

Answer: A. A router/orchestrator controls cost and reduces lock-in. Right-size the model to the task.

Q3Why abstract your model calls behind a thin layer?

Answer: A. Abstraction limits lock-in; you can swap or route models as prices and quality shift.

Q4Where should your secret API key live?

Answer: B. Client-side keys can be stolen and run up your bill. Keep them server-side.

Q5A good place to spend your own engineering (vs. using a tool) is…

Answer: A. Use tools for commodity work; invest your effort where it makes you hard to copy.
Field exercise · before Phase 06

Lock in your stack decisions.

Was this slide helpful?
Phase 06 of 08

Build the first version

PHASE 06

Build the first version

Prompt-driven building + good AI UX
Not started
Learning objectives
  • Build effectively with AI tools using spec-first, small-step prompting
  • Design AI features users trust: streaming, latency, "show your work"
  • Handle wrong answers gracefully instead of pretending the AI is perfect
  • Know when to give the model more context (and how, at a basic level)

// Building with AI is a conversation, not a wish

Whether you're in Lovable or Cursor, the skill is the same: describe clearly, build in small steps, and check each step. Don't ask for the whole app in one giant prompt — you'll get a tangle you can't debug. Give the tool a short spec (what the screen does, what data it uses, what "done" looks like), let it build one piece, verify it works, then move to the next. Treat the AI like a fast junior developer who needs clear instructions and review.

The second half of this phase is AI UX — how the intelligence feels to the user. This is where most AI products win or lose. A technically-fine model wrapped in a confusing, untrustworthy interface fails; a modest model wrapped in honest, well-designed UX succeeds.

A person describing an app to an AI builder with a live preview updating
[IMAGE 6.1]
"Building a web app by describing it in plain language to an AI tool, screen showing a live preview"
image generator prompt + alt text
Generator prompt: "Photorealistic over-the-shoulder shot of a person typing a plain-English description into an AI app-builder on a laptop, a live app preview visibly updating on screen, calm modern desk, soft daylight, instructional photography style, sharp focus, no text, no watermark" Alt text: "A person describing an app to an AI builder with a live preview updating"
Beginner · prompting the builder

How to describe what you want

Be concrete. Instead of "make it nice," say what the screen contains, in order: "A page with a text box labeled 'Paste your notes', a button 'Summarize', and below it a card that shows the summary. When I click Summarize, send the text to the AI and show the result in the card." Build that. Then add the next thing. When something's wrong, describe the symptom ("the button does nothing when clicked") — the tool can usually fix it.

Intermediate · trustworthy AI UX

Four habits of AI features people trust

(1) Stream the output so users see progress instead of a frozen spinner. (2) Set expectations — a first-person-plural "Drafting…" beats silence, and a note that output may need review sets an honest frame. (3) Show your work — cite sources, show what the AI used, or let users see/edit the input. (4) Make output easy to correct — editable results, a thumbs-down, a regenerate. Users forgive an AI that's honest and correctable; they abandon one that's confidently wrong with no recourse.

Advanced · context + guardrails

Giving the model what it needs — safely

When the model needs facts it wasn't trained on (your docs, the user's data), the basic move is retrieval: fetch the relevant snippets and include them in the prompt, rather than fine-tuning or hoping the model "knows." Keep the retrieved context tight and relevant. On guardrails: constrain what the model can output (a fixed set of choices, a required format), validate its output with code before acting on it, and never let raw model text trigger a dangerous action without a check. The model proposes; your code disposes.

Expert · structure + tools

Structured outputs and tool-calling

For anything programmatic, have the model return structured output (e.g., strict JSON) you can parse, rather than prose you regex. Modern SDKs (like the Vercel AI SDK) make streaming, structured outputs, and tool-calling — where the model can call your functions to fetch data or take actions within guardrails — straightforward. Design the tool surface deliberately: each tool does one clear thing, with validation on inputs and outputs. This is the backbone of moving from "chatbot" to genuinely useful, agentic behavior.

// Walkthrough — build the core loop

  1. Write a one-paragraph spec of just the MVP's core screen and the AI action it performs.
  2. Prompt the build tool for that screen only. Verify the layout and buttons work before adding logic.
  3. Wire the AI call. Connect the input → model → visible result. Test with 5 real inputs.
  4. Add trust UX: streaming/loading state, an "output may need review" note, and an editable/regeneratable result.
  5. Feed real context if needed (the user's text, your reference docs) rather than hoping the model knows.
  6. Validate outputs in code before doing anything consequential with them. Then move to the next feature.
Common mistakes
  • One giant prompt for the whole app. You get an unmaintainable tangle. Build in small, verified steps.
  • Frozen spinner, no feedback. Stream output and show what's happening.
  • Pretending the AI is always right. No edit, no correction, no "show your work" = broken trust.
  • Trusting raw model text to trigger actions. Validate with code first; the model proposes, code disposes.
  • Parsing prose with regex. Ask for structured output you can safely parse.
Knowledge check · 5 questions0 / 5

Q1The best way to build with an AI tool is to…

Answer: A. Small, verified steps beat one giant prompt you can't debug. Treat the AI like a fast junior dev.

Q2Streaming the AI's output matters because…

Answer: A. Perceived responsiveness and honesty about progress are core to trustworthy AI UX.

Q3"The model proposes; your code disposes" means…

Answer: A. Never let raw model text trigger a dangerous action unchecked. Guardrail and validate.

Q4When the model needs facts it wasn't trained on, the basic move is…

Answer: A. Retrieval (fetch + include relevant context) is the standard, low-effort way to ground answers.

Q5Users forgive an AI feature most when it is…

Answer: A. Honesty + correctability keep trust. Confident, unfixable wrongness loses users.
Field exercise · before Phase 07

Build and pressure-test your core loop.

Was this slide helpful?
Phase 07 of 08

Test & harden

PHASE 07

Test & harden

Make it accurate, safe, and trustworthy
Not started
Learning objectives
  • Build a simple eval set so you can measure AI quality objectively
  • Handle hallucination and failure gracefully in the product
  • Protect against cost blowups, abuse, and prompt injection
  • Know your basic privacy and (if relevant) EU AI Act obligations

// "It worked in the demo" is where products go to die

Demos run on the happy path. Real users bring messy input, weird edge cases, and bad intentions. The teams that get real value from AI in 2026 aren't the ones with the flashiest demo — they're the ones that took evaluation, guardrails, and the human handoff as seriously as the model itself. Hardening is the unglamorous work that separates a toy from a product.

Beginner · your first eval set

Test the AI like you'd test a calculator

Collect 20–50 real example inputs and, for each, write down what a good output looks like. Run them through your product whenever you change the prompt or swap models, and count how many pass. This "eval set" turns "seems fine?" into a number you can watch. It's the single highest-leverage habit for AI quality — and you can start it in a spreadsheet today.

Intermediate · designing for failure

Plan for the AI being wrong

It will be wrong sometimes. Design for it: show a confidence signal or a clear "double-check this" note for anything important; make it trivial to edit or reject output; add a human-review step for high-stakes actions; and write honest empty/error states that tell users what happened and what to do next — in the product's voice, not an apology. A graceful failure keeps trust; a silent wrong answer destroys it.

Advanced · abuse, cost + injection

Guard the gates

Three protections before real users arrive: (1) Cost/rate limits — cap per-user and total spend, add budget alerts, and fall back to a cheaper model or a queue under load; free tiers can vanish mid-run, so never depend on one for production. (2) Abuse limits — rate-limit requests so no one can run up your bill. (3) Prompt injection — treat any text from users or the web as untrusted; it may try to hijack your instructions. Don't let model output from untrusted input trigger sensitive tools or reveal secrets. Validate, sandbox, and least-privilege everything.

Expert · governance from day one

Privacy, data, and regulation

Decide early what user data you send to model providers and disclose it; prefer providers with clear data-retention terms; don't log sensitive inputs carelessly. If any users are in the EU, the EU AI Act's timeline is already live, with a significant deadline landing August 2, 2026 for high-risk systems — at minimum most AI products must self-assess risk classification and meet transparency obligations, and high-risk categories (employment, credit, education) face more. Building this in from the start is far cheaper than retrofitting under a deadline. (Sources 9–11.)

// Walkthrough — harden before you launch

  1. Build a 20-example eval set with expected outputs. Record your current pass rate.
  2. Break your own product. Feed it garbage, empty input, and adversarial text. Fix what breaks embarrassingly.
  3. Add failure UX: confidence notes, easy correction, honest error/empty states.
  4. Set cost + rate limits and budget alerts. Add a cheaper-model or queue fallback.
  5. Treat untrusted input as hostile: don't let it trigger sensitive actions or leak secrets.
  6. Do a privacy pass: what data leaves your app, where it goes, and what you disclose. Note EU AI Act if relevant.
What's debated

How much evaluation is "enough" before launch is contested and depends entirely on stakes. A low-stakes creative tool can launch on a light eval set and improve in the open; a product touching health, money, or safety needs far more rigor, human oversight, and documentation. Calibrate to the cost of being wrong — there's no universal number.

Common mistakes
  • Only testing the happy path. Real input is messy and sometimes hostile.
  • No eval set. Without measured quality, you're flying blind on every prompt change.
  • No cost/rate limits. One abusive user or a loop can produce a shocking bill.
  • Trusting untrusted input. Prompt injection can hijack an unguarded system.
  • Ignoring privacy/regulation until launch. Retrofitting compliance under a deadline is painful and costly.
Knowledge check · 5 questions0 / 5

Q1An "eval set" is…

Answer: A. It turns "seems fine?" into a pass rate you can track across prompt and model changes.

Q2The best way to handle the fact that AI is sometimes wrong is to…

Answer: A. Graceful, correctable failure preserves trust; silent wrong answers destroy it.

Q3Prompt injection is the risk that…

Answer: A. Treat user/web text as hostile; don't let it trigger sensitive tools or reveal secrets.

Q4To avoid a shocking API bill you should…

Answer: A. Caps, alerts, and fallbacks protect you from abuse and runaway loops. Don't depend on free tiers in production.

Q5If you have EU users, an important 2026 date to know is…

Answer: A. Most AI products must at least self-assess risk and meet transparency duties; high-risk categories face more.
Field exercise · before Phase 08

Harden your MVP so real users can't easily break or abuse it.

Was this slide helpful?
Phase 08 of 08

Ship & grow

PHASE 08

Ship & grow

Launch, measure, iterate toward a moat
Not started
Learning objectives
  • Deploy your MVP and get it in front of real users
  • Instrument the product so you can see what's actually happening
  • Run a tight learn-and-iterate loop against your success metric
  • Build toward a data flywheel — the moat AI-native products earn over time

// Shipping is the start of learning, not the end of building

Perfect is the enemy of shipped. Once your MVP does its one core job and won't embarrass you (or endanger anyone), get it in front of real users. Launch small and specific: the community where your target person already lives beats a giant, unfocused blast. Ten engaged users who use it weekly teach you more than a thousand who signed up and vanished.

The goal now is a loop: ship → measure against your one metric → learn → improve → ship again. AI-native products have a special advantage here — every use can generate signal that makes the product smarter in ways competitors can't easily copy. That compounding is the moat.

A maker sharing a web app with two people who are trying it out
[IMAGE 8.1]
"Sharing a finished web tool with a small group of real target users and watching them try it"
image generator prompt + alt text
Generator prompt: "Photorealistic candid scene, a maker showing a web app on a laptop to two interested people in a casual setting, everyone engaged and pointing at the screen, warm natural light, documentary instructional style, sharp focus, no text, no watermark" Alt text: "A maker sharing a web app with two people who are trying it out"
Beginner · getting it live

From "on my screen" to "on the internet"

If you built in an app builder, it usually has a one-click publish — use it. If you built in code, deploy on a host like Vercel or Netlify (both have generous free tiers and connect to your code repository). Get a simple link you can share. Then tell exactly the right people: not "everyone," but the specific community where your target user already hangs out. A short, honest post ("I made this to solve X — would love your feedback") outperforms hype.

Intermediate · see what's happening

Instrument your funnel

You can't improve what you can't see. Track the core funnel: visited → started the core action → completed it → came back. Watch where people drop off — that's your next fix. Also log (privately and respectfully) which AI outputs users edit, reject, or regenerate; those are gold for improving quality. One honest activation number plus a drop-off map beats a dashboard of vanity metrics.

Advanced · pricing + retention

Charging, and keeping users

You don't need pricing figured out to launch, but charge something sooner than feels comfortable — willingness to pay is the ultimate validation, and free users give unreliable signal. Price on the value delivered, not your costs, and never promise specific outcomes or returns. Retention beats acquisition: a product users open every week compounds; one they try once and forget doesn't, no matter how many sign up. Fix the "come back" step before pouring effort into the "sign up" step.

Expert · the data flywheel

Turn usage into a compounding advantage

The durable moat for an AI-native product isn't the model (everyone can rent the same one) — it's the proprietary, high-fidelity data your product accumulates through real use, wired into a feedback loop that makes each interaction improve the next. Design that loop deliberately: capture the right signal (with consent), feed it back into quality, and integrate so deeply into the user's workflow that leaving is costly. When better base models arrive, this is what makes you happy instead of replaceable. (Sources 2, 12.)

// Walkthrough — launch and start the loop

  1. Publish/deploy your MVP and get a shareable link. Keep keys server-side.
  2. Add basic analytics on the core funnel: visit → start → complete → return.
  3. Launch small and specific: post where your exact users are, honestly, asking for feedback.
  4. Measure against your one metric. Did you hit the threshold you set in Phase 04?
  5. Pick the biggest drop-off and fix that one thing. Ship the improvement.
  6. Decide the moat move: what signal will you capture so the product compounds? When do you bring in a developer to harden what works?
You've shipped

If you complete this phase, you've gone from a spark to a real, working, hardened AI web product that people can use — and a loop to keep making it better. That is further than ~80% of AI projects get. Now the work is learning in public and compounding. Bring in a developer to harden the parts that are working and worth scaling.

Common mistakes
  • Polishing forever. Waiting for "perfect" means never learning from real users.
  • Launching to "everyone." Unfocused blasts fizzle; go where your specific user already is.
  • No analytics. You can't fix drop-off you can't see.
  • Chasing signups over retention. A leaky bucket doesn't fill faster with more water.
  • Never charging. Free-only signal is weak; willingness to pay is real validation.
Knowledge check · 5 questions0 / 5

Q1The best first launch audience is…

Answer: A. Small and specific beats big and unfocused. Ten engaged users teach more than a thousand ghosts.

Q2Instrumenting your funnel means…

Answer: A. See the funnel, find the biggest drop-off, fix that first.

Q3The durable moat for an AI-native product is usually…

Answer: A. Everyone rents the same models; your compounding data and workflow lock-in are what's hard to copy.

Q4Which matters more for long-term success?

Answer: A. A leaky bucket won't fill. Fix "come back" before scaling "sign up."

Q5On pricing, a sound principle is…

Answer: A. Willingness to pay is real validation; value-based pricing beats cost-based; never guarantee outcomes.
Field exercise · you're shipping

Launch and open the learning loop.

Was this slide helpful?
Back matter

Glossary & one-page cheat sheet

Back matter

Glossary

MVP (Minimum Viable Product)
The smallest build that lets a real user do the core job and gives you a real learning signal.
Job to be done
The outcome a user is trying to achieve; they "hire" a product to get it done.
Problem interview
A conversation about a user's real past behavior around a problem — not a pitch of your solution.
Smoke test
A landing page describing the product as if it exists, used to measure demand before building.
AI-native
A product built around intelligence; remove the AI and it stops working entirely.
AI-enhanced
A product whose core value predates AI; the AI adds a feature but isn't the foundation.
AI-washed
Plain software with cosmetic AI added mainly for marketing.
Wrapper (thin wrapper)
A product that's just a prompt + UI over a model, easy to copy and easy for a better model to absorb.
Moat
A durable advantage competitors can't easily copy — for AI, usually proprietary data + workflow lock-in.
App builder
A tool (Lovable, Bolt, v0, Replit) that generates whole apps from plain-English prompts; no coding needed.
Coding assistant
An AI tool (Cursor, Claude Code, Copilot) that helps a developer write and ship code faster.
Model router
A layer that sends each task to the best-fit model — cheap/fast for simple, top-tier for hard reasoning.
Retrieval (RAG)
Fetching relevant snippets and including them in the prompt so the model answers from real, current facts.
Structured output
Making the model return parseable data (e.g., JSON) instead of prose you have to scrape.
Tool-calling
Letting the model call your functions (to fetch data or act) within defined guardrails.
Eval set
Example inputs with expected outputs, used to measure AI quality objectively across changes.
Hallucination
When a model produces confident but false output.
Prompt injection
Untrusted text that tries to hijack the model's instructions or extract secrets.
Data flywheel
A loop where real usage generates data that improves the product, which attracts more usage.
Activation metric
The share of users who reach the "aha" moment by completing the core action.
Print this page

One-page cheat sheet

IDEA → SHIPPED · quick reference

The whole pipeline on one page

01 · Spark

  • Start from a problem, not tech
  • One specific person + one job
  • Concept in one sentence
  • Cool ≠ needed

02 · Validate

  • Try to disprove it cheaply
  • Interview real users about their past
  • Signal = money/time/data, not likes
  • Set a kill criterion

03 · AI angle

  • "Remove the AI" test
  • "Better models: happy or sad?"
  • AI for fuzzy; code for exact
  • Match AI depth to the stakes

04 · Scope

  • One core job, end-to-end
  • Fake/hardcode the rest
  • One metric + threshold
  • Time-box the build

05 · Stack

  • No-code? Lovable / Bolt / v0
  • Dev? Cursor / Claude Code
  • Route models; don't marry one
  • Keys stay server-side

06 · Build

  • Spec → small step → verify
  • Stream + show your work
  • Editable, correctable output
  • Model proposes, code disposes

07 · Harden

  • 20-example eval set = a number
  • Design for the AI being wrong
  • Cost + rate limits, budget alerts
  • Untrusted input = hostile

08 · Ship & grow

  • Launch small + specific
  • Instrument the funnel
  • Retention > signups
  • Build the data flywheel

Golden rule: the first four phases are judgment, the last four are craft. Skipping 02 & 03 is how you join the ~80% that fail.

Was this slide helpful?
Back matter

Answer key & sources

Back matter

Answer key

Quizzes grade themselves as you click — this is the consolidated key.

ModuleQ1Q2Q3Q4Q5
01 SparkBABBA
02 ValidateBACAA
03 AI angleAABAA
04 ScopeAABAB
05 StackBAABA
06 BuildAAAAA
07 HardenAAAAA
08 ShipAAAAA
Back matter

Sources & further reading

Research performed July 16, 2026. The AI tooling landscape changes fast — re-verify prices, tiers, and model rankings before you commit.

  1. Syncfusion — Best LLM APIs in 2026 (Apr 2026): the router/orchestrator pattern, prompt caching & batch APIs, and lock-in. syncfusion.com
  2. WeArePresta — AI Product Strategy 2026 (Jan 2026): the data moat and targeted high-fidelity data. wearepresta.com
  3. OpenRouter — Free LLM APIs Compared (Jun 2026): Gemini context, Groq speed, routing lanes. openrouter.ai
  4. TokenMix — Best Free LLM APIs 2026 (Jul 2026): free tiers as routing lanes, not production backends. tokenmix.ai
  5. Lovable — Best Vibe Coding Tools in 2026: app builders vs. code editors by skill level. lovable.dev
  6. Lovable — Best AI App Builders in 2026: v0/Bolt/Lovable/Replit positioning. lovable.dev
  7. roadmap.sh — Best Vibe Coding Tools (Apr 2026): app builders vs. AI coding assistants. roadmap.sh
  8. vibecoding.gallery — Best Vibe Coding Tools 2026, Ranked: beginner vs. pro tool guidance. vibecoding.gallery
  9. The Thinking Company — AI-Native Product Development (Mar 2026): the ~80% failure stat (RAND) and the Aug 2, 2026 EU AI Act deadline. thinking.inc
  10. CRV — What Is AI-Native? The Founder's Guide (2026): the "remove the AI" and "better models: happy or sad?" tests. crv.com
  11. Appventurez — Building AI-Native Products with Agentic AI in 2026: evals, governance, human handoff, EU AI Act timing. appventurez.com
  12. Forbes / Toscano — AI Features vs. AI-Native Products (Mar 2026): the feature-vs-native distinction. forbes.com

Evergreen further reading: Rob Fitzpatrick, The Mom Test (problem interviews); Eric Ries, The Lean Startup (validation & build-measure-learn); Clayton Christensen, "Jobs to be Done."

Was this slide helpful?

🚀

You shipped the course

Idea → validated → scoped → built → hardened → live.

Your Idea Forge brief, quiz scores, and checklists are saved in this browser. Generate the brief on the Idea Forge slide and hand it to your build tool.

Back matter

Level up — what to learn next

If you want to…Learn next
Ground answers in your own dataRetrieval-augmented generation (RAG), embeddings, vector search
Build things that act, not just answerAgents, tool-calling, and orchestration (and their guardrails)
Measure and trust quality rigorouslyEvals, LLM-as-judge, offline + online testing
Control cost at scalePrompt caching, batching, model routing, small-model fine-tuning
Take an AI-built prototype to productionCode review, security hardening, CI/CD, observability
Ship responsibly where it's regulatedPrivacy-by-design, the EU AI Act, model/data documentation
Grow the productRetention loops, pricing experiments, and building the data flywheel

Next course idea: take the exact product you brief in the Idea Forge and run it through a build sprint — Phases 05–08 with real tools, end to end.

A quick, honest note. This course teaches a process for building AI web products; it isn't legal, financial, or professional advice. AI, tooling, prices, and regulations (including the EU AI Act) change quickly and vary by place — verify current rules and provider terms for your situation before you rely on them, and get qualified advice for anything high-stakes. AI models can be confidently wrong, so keep a human in the loop for consequential decisions and never promise specific financial outcomes to users.