Skip to main content

Introducing Open Vibe: Learn Web Dev While You Build Apps With an AI Tutor

ยท 6 min read
vinny

You watch a twelve-hour tutorial, copy along, finish with a working app, and feel great. But a week later, you can't actually build a thing on your own.

So you open Claude Code and vibe code your way to a working MVP in a weekend. But you quickly hit a wall trying to debug something and lack the knowledge to express what it is you actually want.

In the end, you may get something that works, but you have no idea how it works.

Following static tutorials or blindly vibe coding isn't a great way to build professional apps or web dev skills. Without the fundamental knowledge of how the technologies work you'll have a lot of trouble fixing problems, or properly extending the functionality of your app.

That's why we built Open Vibe.

What Open Vibe isโ€‹

Open Vibe landing page

Open Vibe is a free, open-source course where an AI coding agent tutors you while you build real full-stack web apps on your own machine, and in your own terminal (and/or editor).

  • 100% free, open-source, and no signup required.
  • Works with Claude Code, Cursor, Codex, Copilot, Open Code, or any agent that can read files and run tools.
  • Built by the Wasp team (the same people behind Open SaaS, the #1 free SaaS boilerplate on GitHub).

There's no platform to log into, no $299 video library to wade through.

You just paste a one-line prompt into your agent of choice, and the curriculum loads. From that point on, you get a guided curriculum that teaches you the fundamentals of building professional-grade web apps with AI. But since the course lives in your agent, you're free to ask it whatever you want and take the course in any direction that suits your interests.

v1.0 is live today. Setup and Module 0 are out, with new modules dropping next week.

How it actually worksโ€‹

We wanted to make Open Vibe as simple as possible. After you install a coding agent (we suggest Claude Code's $17 Pro Plan for the best experience), just follow these steps:

1. Paste the install prompt. One short prompt to your agent (full text in the "Get started" section below). The agent fetches the raw file, loads the curriculum, skills, instructions, and interactive diagrams, and from that moment knows every module and every checkpoint.

2. Build alongside your tutor. The agent guides and watches you in realtime as you build your app, stepping in to help out whenever you need it. It paces with you, explains important concepts, quizzes you, and pair-programs the parts you don't yet trust yourself with. Stop, ask, branch off, and come back to the guided curriculum whenever you want. There's no video to rewind to find the bit you missed, and your agent is always there to help you.

3. Learn with interactive diagrams on your real app. This course is hands-on, but also interactive. We built interactive explainers on top of the apps you build to help explain important topics like the request cycle, auth flows, git, and database writes.

Interactive diagram example Interactive Diagrams show up on top of your running apps as you build.

Open Vibe takes advantage of the tools we have today to provide a living course you interact with, so you build the skills you need to ship apps like a pro.

What you'll buildโ€‹

The course is currently broken down into three phases (this may change as we keep iterating):

  • Phase 1 โ€” Basics. You build on top of a real full-stack Task Management app: login, database, the works. Setup and Module 0 are available now. Modules 1โ€“3 cover data, styling, and how the front-end and back-end actually wire together.
  • Phase 2 โ€” Your app from scratch. Spec your own idea, scaffold a new project, and ship it end-to-end with the agent pairing the whole way. You'll learn tools like Git/GitHub, and how to deploy apps to the web.
  • Phase 3 โ€” A real SaaS. Build on Open SaaS, a free $300-value SaaS template the Wasp team maintains. Auth, payments, an admin dashboard, file uploads, AI integrations, deploy, and more.

Open SaaS โ€” the free, open-source SaaS template you'll build on in Phase 3 Open SaaS gives you auth, payments, an admin dashboard, and AI integrations out of the box, so Phase 3 is about shipping a real product, not wiring boilerplate.

You'll finish with three real apps in your GitHub, and the best part is that you'll actually understand what they are and how you built them.

Why nowโ€‹

Coding with an AI agent is how people build in 2026. But the ones who ship confidently, and with speed, understand the fundamentals.

If you're non-technical and trying to build by guess-and-check prompting, you know how tedious it can be.

Meanwhile, influencers and bootcamps are still selling video libraries and a Slack channel for hundreds of dollars. But the tutorials are static, obsolete by next month, and basically only teach you how to copy.

Both approaches miss this new fact: the agent in your terminal/editor is patient, current, and super knowledgeable. It knows how to code really well, and how to solve almost any problem... if you know what to ask of it!

Open Vibe is the missing layer: a curriculum for the agent, so it tutors you, teaching you the skills you need to vibe code like a pro while you build professional-grade web apps.

The goal isn't to ship apps you don't understand faster. It's to ship apps you do understand, fast.

Get startedโ€‹

Just open your agent of choice and paste:

I'm starting the "Ship Your First App" course. Run curl -fsSL https://openvibe.sh/llms.txt and follow the file's instructions.

That's it. The agent handles the rest.

If you get stuck, the Discord has actual humans on it, or you can leave us feedback on our feedback form. If you want to fork the course, run your own class with it, or contribute a module, the repo is on GitHub.

Free forever. Fork it. Run your own class with it. We just want more people building real things.

Discord

Join our developer community

Wasp is 100% open source. Join our Discord to learn from others and get help whenever you need it!

Join our Discord ๐Ÿ‘พ
โ†’
๐Ÿ“ซ

Subscribe to our newsletter

Once per month - receive useful blog posts and Wasp news.