Workflow · Intermediate
Methodologies
Vertical Slices & TDD
Disciplined workflows to prevent the AI from getting confused or breaking things. Includes Remixing and TDD.
01
The Vertical Slice
Avoid asking the AI to 'build the app'. Instead, implement one specific feature from database to UI.
1. Define
Write PRD
Natural language requirements.
2. Slice
Build Feature
DB, API, and UI for one item.
3. Verify
Test Slice
Confirm it works immediately.
4. Iterate
Next Feature
Move to next slice.
02
The Art of the Remix
Vibecoding isn't just creation; it's iteration. Taking an existing project and 'remixing' it for a new niche is a core skill.
01
Forking Vibe
Prompt: 'Refactor this To-Do List into a Grocery Tracker with aisle sorting'.
02
Style Swaps
Prompt: 'Replace Tailwind classes to match a Neo-Brutalist aesthetic'.
03
Logic Injection
Keep the UI, but swap the backend from LocalStorage to Supabase.
03
AI-Driven TDD
Since AI writes code fast, you need a way to check it instantly. Ask the AI to write a 'Test' first, then write the code to pass the test.