📖 Step 9: AI/LLM#261 / 291

Vibe Coding

📖One-line summary

A workflow where you build software by talking intent to an LLM instead of writing code yourself.

Building software by describing intent to an AI in natural language instead of typing the code yourself. Coding by 'vibes,' hence the name.

Me:

Build a simple todo app, with dark mode too.

↓

+ src/app/page.tsx

+ src/components/TodoList.tsx

+ src/lib/storage.ts

✓ App generated

I want to build a todo app with Next.js + Tailwind. For the first step, set up only the data model and core page routing.

I want to clean up an existing prototype. Look at the folder structure and prioritize refactoring.

List 10 things to check before pushing vibe-coded code into production.

Try these prompts in your AI coding assistant!