The 10-phase vibe coding curriculum
From writing your spec to shipping your app. No coding experience needed.
Free to start. No credit card required.
Learning objective: Write a one-page plain-English specification that describes every screen, user flow, and data relationship in your app before you write a single prompt.
Most people jump straight into prompting and end up rebuilding the same thing three times. A spec is your blueprint. It lists who uses the app, what they can do, and how the pieces connect. Spend twenty minutes writing it and you save hours of rework. Cover the pages you need, the data each page shows, and the actions a user can take. If you can explain it to a friend, you can explain it to an AI.
Example prompt
“I'm building a freelance invoice tracker. It has three pages: a dashboard showing total revenue and unpaid invoices, a create-invoice form with client name / line items / due date, and a client list with payment history. Users log in with email. Invoices are stored in a database. Write the full Next.js project structure for this spec.”
Pro tip
Keep your spec in a markdown file at the root of your project. Every time you prompt, paste the relevant section so the AI has context. A spec that lives in your clipboard is worth ten that live in your head.
Learning objective: Craft a single, detailed opening prompt for v0 that produces a usable first version of your app with layout, components, and placeholder content.
Your opening prompt is the most important prompt you will write. It sets the architecture, the design language, and the component structure for everything that follows. Be specific: name every section, describe the layout, mention the design style you want, and list interactivity. v0 works best when you give it a clear, complete picture upfront rather than drip-feeding instructions one at a time.
Example prompt
“Build a modern SaaS landing page for a project-management tool called Taskflow. Use a white background, Inter font, and minimal design. Include: a sticky header with logo and Sign Up button, a hero with a bold headline and app screenshot, a three-column features grid with icons, a testimonials carousel, a pricing table with Free / Pro / Team tiers and a monthly-yearly toggle, an FAQ accordion, and a footer with social links. Make it fully responsive.”
Pro tip
Always mention your font, color palette, and a reference site you admire (e.g., “style it like Linear.app”). This one sentence eliminates most design revision rounds.
Learning objective: Break the first draft into isolated components and refine each one with focused follow-up prompts until the page is pixel-perfect.
After v0 generates your first version, resist the urge to rewrite everything. Instead, pick one component at a time — the hero, the pricing table, the nav — and give a targeted prompt to improve just that piece. This keeps changes small and reversible. If something breaks, you only lose one edit, not the whole page.
Example prompt
“Focus only on the pricing table component. Add a highlighted ring around the Pro tier with a 'Most Popular' badge. Make the monthly-yearly toggle animate with a smooth slide. Align all feature lists so checkmarks line up across columns. Keep everything else unchanged.”
Pro tip
After each edit, check mobile view immediately. A component that looks perfect on desktop often overflows or misaligns on a 375 px screen. Catch it now, not after ten more edits.
Ready for More?
Unlock Phases 4-10
Go from first app to full-stack products with databases, auth, payments, and deployment.
View Plans30-day money-back guarantee on all plans
Prompt Library
Save and reuse prompts that produce reliable results
Cursor Handoff
Move from v0 to a real code editor for full control
Supabase Wiring
Connect a real database in minutes, not days
Auth in 15 Minutes
Add login, signup, and protected routes with Supabase Auth
Vercel Deploy
Go live with one push — your app on the real internet
Debug Loop
A repeatable system for finding and fixing bugs fast
Ship at 70%
Launch before it's perfect — your users will tell you what's missing
Get the prompt cheat sheet
7 copy-paste prompts that build 90% of apps. Delivered instantly.
You now have everything you need. Go build something amazing.