What is Vibe Coding?

Hook

You have an idea for an app, but tutorials still assume you will type every line by hand. Vibe coding is different: you direct AI with clear intent, then review what it builds like a tech lead.

Concept

Vibe coding is building software by describing outcomes, constraints, and quality bars — then iterating with AI tools until something real ships.

The loop:

1. Think — What should exist? For whom?
2. Prompt — Role, context, constraints, output format
3. Review — Diff, tests, security, UX
4. Ship — Deploy, measure, share

Try it

1. Open Cursor or your preferred IDE.
2. Paste the prompt below into Composer (Agent mode).
3. Read the output — do not accept blindly. List two things you would change.

Prompt box

Example loop (TypeScript)

const vibeLoop = ["think", "prompt", "review", "ship"] as const;
 
type VibeStep = (typeof vibeLoop)[number];
 
function nextStep(current: VibeStep): VibeStep | null {
  const index = vibeLoop.indexOf(current);
  return index < vibeLoop.length - 1 ? vibeLoop[index + 1] : null;
}

Checkpoint

• I can name all four steps of the loop
• I reviewed AI output critically, not copy-pasted
• I know where challenges and tools live on vibecodii

Ship artifact

Write three sentences in your own words: what you will build first with vibe coding. Save in a note — you will use it in the next lesson.

Codii tip

If the AI sounds too confident, ask: "What could break in production?" — that one question separates vibes from engineering.