Vibe 101 Session Flow

What this is

The session flow is the order tutors and learners follow during Vibe Coding 101.

The flow is:

Plan -> Brief -> Prompt System -> Foundation -> Localhost -> Build -> Test -> GitHub -> Vercel -> Ship

Why it matters

The session can move fast, but it must not become chaotic.

This flow keeps the learner oriented and protects the most important rule: understanding is more important than speed.

What to do

Use this map:

1. First Project: choose one small beginner project.
2. Project Brief: lock the stack, sections, and max 3 features.
3. Prompt System: use the right prompt for each stage.
4. Project Foundation: create or inspect starter files only.
5. Localhost Checkpoint: run the project locally before feature work.
6. First Visible Build: build one visible section.
7. Test, Debug, Improve: test, fix, make one small change, and polish.
8. GitHub Checkpoint: save the working code online.
9. Vercel Checkpoint: deploy the project.
10. Ship: share the finished link.

Common mistakes

• Treating the map as optional.
• Letting AI skip explanations.
• Moving too fast when the learner is confused.
• Turning the session into a theory lesson instead of a build.