Open claude.ai
Free account. Log in. You'll see a clean chat interface — this is your build environment.
// WHAT IS AN MVP
Minimum Viable Product — Your First Ship
An MVP is the smallest, simplest version of your product that you can actually put in front of real people. Not perfect. Not complete. Just real enough to test whether anyone cares.
Today's MVP: a professional landing page for your business idea. One page. Clear headline. What you offer, who it's for, and how to contact you. That's it. That's enough to start getting clients or customers.
Speed over perfection. Ship it, then improve it.
// THE BUILD PROCESS
How to Build With Claude in 5 Steps
01
02
Paste your MVP prompt
Use the generator below to build your prompt. The more specific, the better the first output.
03
Review the preview
Claude shows a live preview on the right. This is your actual webpage rendering in real time.
04
Iterate with follow-up prompts
Tell Claude exactly what to fix: layout, colors, copy, sections. Each message refines the product.
05
Save the HTML
Once you're happy, copy the code. You can host it for free on GitHub Pages, Netlify, or Tiiny.host in minutes.
// MVP PROMPT GENERATOR
Build Your Landing Page Prompt 🎯
Fill this in and I'll generate a production-ready prompt for Claude. Use your idea from Lesson 1.
// ITERATION PROMPTS
What to Say After the First Build
Your first output will be good. These follow-up prompts will make it great. Copy and paste any of these after your initial build:
"Make the hero section more bold and increase the headline font size significantly"
"Add a testimonials section with 3 placeholder client quotes"
"Add a pricing section with 3 tiers: Basic, Pro, and Custom"
"Make the whole page darker and more premium looking"
"Add a FAQ section with 4 common questions about my service"
"Add smooth scroll animations to each section as the user scrolls down"
// DEBRIEF
What Did You Build?
After your Claude session, come back here. Describe your page — what it looks like, what you changed, what you'd still improve. This reflection sharpens your skills faster than anything else.
// LESSON RECAP
What You Shipped Today
First MVPA real, working landing page built entirely with Claude. You directed, AI executed.
Iteration mindsetGood vibe coders never stop at the first output. Each prompt makes the product sharper.
Market valueFreelance devs charge $500–$3,000 for landing pages like the one you just built.
Next stepIn Lesson 4, we find someone to pay for it. Validation before you build more.
// NEXT UP · LESSON 04
Validate & Find Your First Customer
How to put your MVP in front of real people — and get paid before you spend another hour building.
→