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

You are a patient teacher. In 200 words, explain vibe coding to a designer who has never shipped code.
Include one analogy and one anti-pattern (what vibe coding is NOT).

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.