NEW v1.0 is live

Vibe code your way to real web dev skills.

Stop watching videos. Start building. Open Vibe drops a full, interactive web dev curriculum into Claude Code (or your agent of choice) and lets you learn by shipping real apps.

Get started — it's free Watch a demo
✓ 100% free & open source ✓ No signup ✓ MIT licensed
My ToDo App
Create a new task
What do I need to do?
setup my app
17/04/2026
learn web dev
17/04/2026
BEHIND THE SCENES
How does adding a task work?
01/06
BROWSER
React
SERVER
Node.js
DATABASE
PostgreSQL
📁 Open Vibe · Module 02
=}
Open Vibe v1.0.0
~/my-todo-app
what happens behind the scenes when I click "add task"?
Let me show you with a diagram on your app.
Diagram (render "behind-the-scenes" · 1/6)
│ overlay rendered
POST /add-task HTTP/1.1
Host: localhost:3000
>
See it in action

Here's a quick demo.

Open Vibe — Claude Code
Why Open Vibe

Static tutorials are broken.

You follow along, copy the code, nod at the right moments — and a week later you can't build a thing on your own. Open Vibe flips it: you build, and the agent teaches in context.

✔️
Static tutorials :(
Open Vibe =}
Your tutor
A recorded video
A live AI agent in your editor
What you build
A toy clone you'll delete
A real full-stack app on your machine
When you get stuck
Rewind. Copy. Paste. Pray.
Ask. The agent explains in your code.
Pacing
The instructor's speed
Your speed — skip, slow down, go deep
Diagrams & concepts
Static slides
Interactive overlays on your real app
When it's outdated
You're stuck with yesterday's tools
The agent updates with the ecosystem
Price
$99 – $499 🤮
Free. Forever. 🤩
How it works

The course lives inside your agent.

Not a video library. Not a PDF. A set of skills, instructions, and interactive components that turn Claude Code — or any capable agent — into the world's most patient tutor. Works with Codex, Cursor, Copilot, Open Code, and more.

STEP 01

Paste the install prompt

Copy and pasting the prompt below drops the curriculum into your Claude Code (or any agent). The agent now knows every lesson, every checkpoint, every diagram.

I'm starting the "Ship Your First App" course. Fetch the following URL and follow the instructions: https://openvibe.sh/llms.txt
STEP 02

Build alongside your tutor

Start a real full-stack app. The agent guides you module-by-module — explaining, pairing, and quizzing as you build real full-stack apps.

~/my-todo-app
=} Everything clear so far?
Makes sense. Let's continue with the lesson
STEP 03

Learn with interactive diagrams

When concepts show up — request cycles, auth flows, DB operations — the agent renders a live diagram on top of your running app. Click, poke, understand.

LIVE
BROWSER React SERVER Node.js /add-task DB POST INSERT
click any node → the agent explains it
For aspiring founders

Learn only what you need while you build your SaaS.

At the end of the course, you'll build your own SaaS with our free SaaS starter template, Open SaaS (a ~$300 value), and actually understand what you built.

FINAL MODULE
Launch a real SaaS — on the same stack as other successful builders.
Auth
Payments
Admin
Email
Blog
AI-ready
> Let's deploy my SaaS app to the web! ready in ~5 min
🚀
MIT-licensed
100% yours forever
🛠
Built by Wasp
Same team, same quality bar
💳
Accept payments
Make revenue right away!
Curriculum

Three phases, ship as you learn.

Each lesson is a set of skills your agent loads, a short reading, a running app, and a checkpoint you actually build. New modules drop as they're ready.

PHASE 1
Learn the basics of web apps
AVAILABLE
Setup Environment & tools
AVAILABLE
Module 0 Your First Web App
AVAILABLE
Module 1 Data & The Database
COMING SOON
Module 2 Making It Look Good
COMING SOON
Module 3 How It All Connects
COMING SOON
PHASE 2
Build your own app from scratch
COMING SOON
Spec your own idea, scaffold a new project, and ship it end-to-end — with the agent pairing the whole way.
PHASE 3
Build a SaaS business
COMING SOON
Turn an app into a real SaaS business: billing, subscriptions, admin dashboard, file uploads, AI integrations, analytics, deploy, and a landing page that converts.
FAQ

Questions, probably.

Yes. Open Vibe is 100% free and open source. The curriculum, the skills, the diagrams — all of it, under MIT. Fork it, remix it, run your own class with it.

Start vibing. Start shipping.

One command. No signup required. Just copy and paste the prompt below into your agent, and start building.

> I'm starting the "Ship Your First App" course. Fetch the following URL…
Get started — it's free →
★ MIT licensed no account required works with Claude Code, Cursor, Codex, Open Code, etc.
Stuck on setup? Discord · Feedback form