/
Vibe Coding, Done Right
Vibe Coding, Done Right
1
What Is Vibe Coding?
2
Set Up Your Workshop
2.1
The Terminal and winget
2.2
Install Everything
2.3
One Folder, One Project
2.4
CLAUDE.md: The Project Notebook
2.5
Auto Mode, Eyes Open
2.6
The Few Controls
2.7
Claude's Whiteboard
3
Save Points
3.1
What Is Version Control?
3.2
Commits: Save Points
3.3
Branches: Try Ideas Safely
3.4
GitHub: Your Project's Home Online
3.5
Your First Repo
4
How Websites Work
4.1
What a Website Really Is
4.2
Frameworks: Kits, Not Magic
4.3
Localhost: Your Private Preview
5
Requirements Are Everything
5.1
The 99% Rule
5.2
Decide Early, Change Cheap
5.3
Give Requirements, Ask for Advice
5.4
What Good Requirements Cover
5.5
Describing the Look
5.6
A Little Design Vocabulary
5.7
Responsive Design: One Site, Every Screen
5.8
Plan Mode: From Requirements to a Plan
6
Building With Claude
6.1
Small Steps, Eyes Open
6.2
When Something Breaks
6.3
Stick With Your Main Agent
7
Going Live
7.1
Where Websites Live
7.2
Cloudflare Pages
7.3
Your Own Domain
8
Backends & APIs
8.1
Coming Soon
9
Everyday Grunt Work
9.1
Claude Can Do Your Chores
9.2
Spreadsheets
9.3
PDFs
9.4
Images
←
Buddhism