Skip to content

honvu93/Vibe-coding-awsome

Repository files navigation

Vibe Coding Guide

Battle-tested best practices for building real products with Claude Code.

This guide distills 2 months of full-time AI-assisted development into actionable patterns. Every recommendation comes from shipping a production system — not theory. The project involved 34 backend domains, a Next.js frontend, Chrome extension, worker pipelines, and deployment automation — all built primarily through Claude Code conversations.

These practices are framework-agnostic. Whether you're building in Python, TypeScript, Rust, Go, or anything else — the workflows, debugging protocols, and quality gates apply universally.

Who This Is For

  • Beginners: Start with Foundation and Workflow — you'll immediately write better CLAUDE.md files and stop losing context between sessions
  • Intermediate users: Jump to Agents and Debugging — learn to orchestrate multiple agents and debug systematically instead of randomly
  • Team leads: Read Quality and Advanced — standardize your team's AI-assisted development process

Philosophy

  1. Structure beats talent. A mediocre prompt with great workflow beats a great prompt with no workflow.
  2. Evidence over claims. Never trust "should work" — run the tests, read the output, verify the claim.
  3. Atomic everything. One task, one commit. One agent, one job. Small, verifiable units compound into reliable systems.
  4. AI is a junior dev with perfect memory. Give it clear specs, review its work, and enforce process — don't just "let it code."
  5. The CLAUDE.md is your API contract. It's how you communicate your project's rules to every future Claude session.

Table of Contents

01-Foundation

Set up correctly from day one. These decisions compound.

02-Workflow

The daily combat loop. These are your non-negotiable habits.

03-Agents

Scale yourself by orchestrating specialized agents.

04-Debugging

Stop guessing. Start investigating.

05-Quality

Gates that prevent shipping garbage.

06-Advanced

Level up after you've mastered the basics.

Quick Reference

  • Templates — Copy-paste starters for CLAUDE.md, plans, stories, agents
  • Examples — Sanitized real sessions showing patterns in action
  • Cheatsheet — Everything on one page

Quick Start

Minimum viable setup (5 minutes):

  1. Copy templates/CLAUDE.md.template to your project root as CLAUDE.md
  2. Fill in: commands, architecture overview, testing instructions, key conventions
  3. Read Verification Before Completion — this alone will 10x your output quality

Full setup (30 minutes):

  1. Read Planning Before Coding and copy the plan template
  2. Set up the Memory System
  3. Read TDD with AI

Team adoption:

  1. Read Three-Layer Agent System for workflow architecture
  2. Customize Agent Routing for your tech stack
  3. Enforce Code Review Gates in your process

Origin

These practices were developed while building a production video generation platform with:

  • 34 backend domain modules (Node.js, Prisma, PostgreSQL)
  • Next.js 16 frontend with React 19
  • Chrome extension with dual-build system
  • BullMQ worker pipelines
  • Python video assembly service
  • Zero-downtime PM2 deployment

The entire system was built through Claude Code conversations over ~2 months. Every pattern in this guide was born from a real problem, not invented in a vacuum.

Contributing

See CONTRIBUTING.md for guidelines.

The best contributions come from real experience — if you've discovered a pattern that made your AI-assisted development significantly better, we want to hear about it.

License

MIT

About

Battle-tested best practices for building real products with Claude Code (vibe coding)

Resources

License

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors