Buổi 01: VibeCoding Mindset — Tư Duy Lập Trình AI-Native 🧠
Thành quả: So sánh AI-assisted vs traditional coding trong cùng 1 bài toán, benchmark hiệu suất
🎯 Mục Tiêu
- Hiểu sâu VibeCoding là gì, tại sao nó thay đổi cách dev làm việc
- So sánh workflow truyền thống vs AI-native qua benchmark thực tế
- Nắm vững 9 Golden Rules của CodyMaster
- Hiểu RARV Loop (Reason → Act → Reflect → Verify)
- Xây dựng mental model đúng: AI = co-pilot, không phải autopilot
📖 Phần 1: VibeCoding Là Gì?
Định Nghĩa Chính Xác
VibeCoding = Phương pháp phát triển phần mềm trong đó developer sử dụng AI như đồng nghiệp chuyên môn cao (co-pilot), không phải như công cụ tạo code đơn giản.
So Sánh Paradigm
Traditional Coding (2015-2022):
Developer → Nghĩ → Code → Debug → Test → Deploy
100% manual effort, 100% context in brain
Stack Overflow Era (2016-2022):
Developer → Search → Copy → Modify → Debug → Test → Deploy
80% manual, 20% reference
ChatGPT Era (2022-2024):
Developer → Ask AI → Copy code → Pray it works → Debug → Ship
⚠️ Problem: No system, no quality gate, copy-paste chaos
VibeCoding (2024+):
Developer → Define intent → AI plans → AI codes → Dev reviews → AI tests → Ship
Developer = Architect + Reviewer, AI = Builder + Tester
✅ Systematic, quality-gated, 3-5x fasterDev Truyền Thống vs VibeCoder
| Aspect | Traditional Dev | VibeCoder |
|---|---|---|
| Bắt đầu feature | Đọc spec → nghĩ architecture → code | Describe intent → AI proposes architecture → review → execute |
| Debug | console.log everywhere → guess | Root cause analysis → reproduce → fix → verify |
| Test | "Tí viết test" (không bao giờ viết) | TDD: test trước, code sau |
| Deploy | git push → cầu nguyện | 8-gate pipeline: secret → lint → test → build → smoke |
| Documentation | README 3 dòng | Auto-generated from codebase scan |
| Onboarding | 2 tuần đọc code | 1 giờ: skeleton index + architecture diagram |
📖 Phần 2: The RARV Loop
Reason → Act → Reflect → Verify
Đây là core loop mà mọi VibeCoder pro phải nắm:
┌──────────────────────────────────────────────────────────┐
│ RARV LOOP │
│ │
│ ┌──────────┐ ┌──────────┐ │
│ │ REASON │ → │ ACT │ │
│ │ (Phân │ │ (Thực │ │
│ │ tích) │ │ hiện) │ │
│ └────┬─────┘ └────┬─────┘ │
│ │ │ │
│ │ ▼ │
│ ┌────┴─────┐ ┌──────────┐ │
│ │ VERIFY │ ← │ REFLECT │ │
│ │ (Xác │ │ (Đánh │ │
│ │ nhận) │ │ giá) │ │
│ └──────────┘ └──────────┘ │
│ │
│ Loop cho đến khi VERIFY = PASS │
└──────────────────────────────────────────────────────────┘| Phase | Hành động | Ví dụ |
|---|---|---|
| Reason | Phân tích requirement, xác định scope | "Feature login cần OAuth2 + JWT refresh token" |
| Act | Thực thi: viết code, tạo file, chạy test | AI generates auth middleware + login endpoint |
| Reflect | Đánh giá kết quả: có đúng không? thiếu gì? | "Token refresh logic chưa handle edge case expired" |
| Verify | Chứng minh bằng evidence: test pass, build OK | npm test → 12/12 pass, npm run build → success |
Anti-Patterns
| ❌ Sai | ✅ Đúng |
|---|---|
| Copy AI output mà không đọc | Review mỗi dòng code AI tạo |
| "AI nói xong rồi" = xong | Chỉ xong khi test PASS + build OK |
| Prompt 1 lần, kỳ vọng perfect | Chain prompts, iterate, refine |
| Dùng AI cho MỌI THỨ | Dùng AI cho heavy lifting, con người cho judgment |
📖 Phần 3: 9 Golden Rules
┌─────────────────────────────────────────────────────────┐
│ 9 GOLDEN RULES — VIBECODING PRO │
├──────┬──────────────────────────────────────────────────┤
│ #1 │ 🔒 IDENTITY FIRST │
│ │ Verify account trước mọi git push/deploy │
├──────┼──────────────────────────────────────────────────┤
│ #2 │ 📐 DESIGN BEFORE CODE │
│ │ Luôn có plan được approve trước khi code │
├──────┼──────────────────────────────────────────────────┤
│ #3 │ 🌍 I18N DAY 0 │
│ │ Multi-language từ bước brainstorm │
├──────┼──────────────────────────────────────────────────┤
│ #4 │ 🧪 TEST BEFORE CODE │
│ │ RED → GREEN → REFACTOR. Không ngoại lệ │
├──────┼──────────────────────────────────────────────────┤
│ #5 │ 📊 EVIDENCE OVER CLAIMS │
│ │ Chỉ tin terminal output, không tin AI "nói" │
├──────┼──────────────────────────────────────────────────┤
│ #6 │ 🚀 DEPLOY VIA GATES │
│ │ 8 gates phải pass tuần tự. Fail 1 = STOP │
├──────┼──────────────────────────────────────────────────┤
│ #7 │ 🛡️ SAFE SECRETS │
│ │ Không bao giờ commit secrets. Pre-commit hooks │
├──────┼──────────────────────────────────────────────────┤
│ #8 │ ⚡ PARALLEL POWER │
│ │ Dùng parallel execution cho tasks độc lập │
├──────┼──────────────────────────────────────────────────┤
│ #9 │ 🧠 WORKING MEMORY │
│ │ CONTINUITY.md: đọc đầu session, update cuối │
└──────┴──────────────────────────────────────────────────┘📖 Phần 4: Benchmark Thực Tế
Bài toán: Tạo REST API CRUD cho Todo App
Traditional Approach
1. Google "express.js rest api tutorial" 5 min
2. Setup boilerplate từ tutorial 15 min
3. Viết routes thủ công 30 min
4. Viết validation 20 min
5. Test thủ công bằng Postman 15 min
6. Fix bugs 20 min
7. Không viết automated test 0 min ❌
Total: ~105 min | Test coverage: 0%VibeCoding Approach
1. cm-planning: Define API spec 5 min
2. cm-tdd: Viết test trước cho mỗi endpoint 10 min
3. cm-execution: AI implement passing tests 10 min
4. cm-quality-gate: Verify all tests pass 3 min
5. cm-debugging: Fix edge cases 7 min
Total: ~35 min | Test coverage: 95%+ ✅Kết quả: 3x nhanh hơn, chất lượng cao hơn.
📖 Phần 5: CodyMaster Architecture
6 Skill Domains
┌────────────────────────────────────────────────────┐
│ CODYMASTER SKILLS │
├────────────┬────────────┬──────────────────────────┤
│ 🔧 ENG │ ⚙️ OPS │ 🔒 SECURITY │
│ cm-tdd │ cm-deploy │ cm-secret-shield │
│ cm-debug │ cm-terminal│ cm-identity-guard │
│ cm-quality │ cm-worktree│ cm-security-gate │
│ cm-test │ cm-i18n │ │
│ cm-review │ │ │
│ cm-intell │ │ │
├────────────┼────────────┼──────────────────────────┤
│ 🎨 PROD │ 📈 GROWTH │ 🎯 ORCHESTRATION │
│ cm-plan │ cm-content │ cm-execution │
│ cm-brain │ cm-ads │ cm-continuity │
│ cm-ux │ cm-cro │ cm-skill-chain │
│ cm-dockit │ │ cm-start │
│ cm-ui │ │ cm-deep-search │
│ cm-boot │ │ cm-notebooklm │
└────────────┴────────────┴──────────────────────────┘Workflow Phases
Phase 0: Identity & Safety → cm-identity-guard
Phase 0.3: Knowledge Setup → cm-codeintell + cm-dockit
Phase 0.5: Strategic Analysis → cm-brainstorm-idea
Phase 1: Planning & Design → cm-planning
Phase 2: Implementation (TDD) → cm-tdd + cm-execution
Phase 3: Quality Control → cm-quality-gate + cm-debugging
Phase 4: Safe Deployment → cm-safe-deploy🧪 Lab: Benchmark Challenge
Bài tập:
Timer Test: Set timer, tạo 1 component React (Button + onClick handler + unit test)
- Cách 1: Code thủ công → ghi lại thời gian
- Cách 2: Dùng VibeCoding workflow → ghi lại thời gian
- So sánh: thời gian, số bugs, test coverage
RARV Practice: Áp dụng RARV loop cho 1 feature nhỏ:
- Reason: Document the requirement (3-5 bullet points)
- Act: AI generates code
- Reflect: Review code, list potential issues
- Verify: Run tests, confirm behavior
🎓 Tóm Tắt
| Concept | Key Takeaway |
|---|---|
| VibeCoding | Dev = Architect + Reviewer, AI = Builder |
| RARV Loop | Reason → Act → Reflect → Verify (loop until PASS) |
| 9 Rules | Identity → Design → Test → Evidence → Gates |
| Benchmark | 3x faster with higher quality when done right |
⏭️ Buổi tiếp theo
Buổi 02: Advanced Prompting — Chain-of-Thought và Beyond 🧠