Author

Duy NHM

Slides — Buổi 1: Mindset + Setup + Chọn đồ án

Hướng dẫn dùng: Mỗi section --- là 1 slide. Render bằng Marp, Obsidian Slides, hoặc copy vào Google Slides / PowerPoint. Font gợi ý: JetBrains Mono (code) + Inter (text) | Màu chủ đạo: #0F172A (dark navy) + #38BDF8 (sky blue accent)

SLIDE 1 — Cover

VIBE CODING THỰC CHIẾN
CÙNG BMAD

━━━━━━━━━━━━━━━━━━━━━━

Buổi 1: Mindset + Setup + Chọn đồ án

[logo BMAD]       [ngày tháng]

Speaker note: Bật nhạc nền nhẹ 5 phút trước giờ học khi học viên vào phòng. Dừng khi bắt đầu.

SLIDE 2 — Agenda hôm nay

BUỔI 1 — 2 TIẾNG

00:00  👋  Check-in + bốc thăm Primer Pack  15'
00:15  🔍  Demo: 5 cơ chế BMAD + Tour +     40'
           Live bmad-quick-dev
00:55  ☕  Break                             5'
01:00  💻  Warm-up cá nhân: landing page    30'
01:30  📋  Chọn đồ án + giao notebook       30'

Speaker note: Đọc nhanh agenda, nhắc camera bật trong 30’ đầu.

SLIDE 3 — Cam kết 80/20

80% BẠN TỰ LÀM TẠI NHÀ
────────────────────────
  • Đọc tài liệu khái niệm
  • Làm notebook step-by-step
  • Build đồ án của bạn (thực hành thật)
  • Hỏi Zalo nhóm khi kẹt

20% TRÊN LỚP — 2h/buổi
────────────────────────
  • Check-in nhanh (bốc thăm 3 câu)
  • Mentor hướng dẫn + demo skill mới
  • Q&A — share vấn đề gặp khi làm nhà
  • Nhận notebook + đọc trước tuần sau

⚠️ Không cam kết được 12h/tuần → không nên tiếp tục khoá

Speaker note: Nói thẳng, không xoa dịu. Học viên cần biết cam kết thật sự trước khi invest thêm.

SLIDE 4 — Bốc thăm: 5 chủ đề

CHECK-IN — 2 CÂU BỐC THĂM NHANH

  Chủ đề hôm nay (chọn từ Primer Pack):
  1. Git / GitHub — đã clone repo chưa?
  2. AI Agent là gì?
  3. BMAD overview — 5 cơ chế lõi

  Random Wheel  →  1.5 phút/câu
  (Mục đích: biết cả lớp đã đọc chưa,
   không phải kiểm tra kiến thức sâu)

Speaker note: Bật Slido poll “Bạn thuộc nhóm nào?” sau phần bốc thăm.

SLIDE 5 — 5 Cơ chế lõi BMAD

5 CƠ CHẾ LÕI

  ① Micro-file          1 file = 1 nhiệm vụ (60–120 dòng)
  ② Agent Personas      PM · Architect · UX · Writer
  ③ Vibe Loop           Prompt → Code → Lỗi → Fix
  ④ HITL                AI hỏi trước khi code
  ⑤ Party Mode          Nhiều agent tranh luận chéo

Speaker note: Slide này là anchor — sẽ quay lại nhiều lần trong các buổi sau. Học viên nên nhớ số thứ tự.

SLIDE 6 — Cơ chế ① Micro-file Architecture

① MICRO-FILE ARCHITECTURE

  Nguyên tắc: 1 file = 1 nhiệm vụ

  Tại sao?
  ──────────────────────────────────────
  Khi Story ôm nhiều việc → AI bị phân tán.
  Code thiếu hoặc sai logic vì AI không
  "thấy" trọn vẹn yêu cầu.

  Dấu hiệu cần tách Story:
  ──────────────────────────────────────
  • Bạn phải scroll nhiều mới thấy hết
  • Có hơn 1 động từ căn bản (create AND update)
  Thực tế: story tốt thường nằm trong 60–120 dòng.
  ──────────────────────────────────────
  step-01-gather-context.md     78 dòng
  step-02-define-problem.md     65 dòng
  step-03-personas.md           82 dòng
  ...

SLIDE 7 — Cơ chế ② Agent Personas

② AGENT PERSONAS

  Mỗi agent có vai chuyên biệt:

  👔 John (PM)           Hỏi về user & pain point
  🏛️ Winston (Architect) Hỏi về scale & database
  🎨 Sally (UX Designer) Hỏi về edge state & flow
  ✍️ Paige (Tech Writer) Viết doc & README

  ──────────────────────────────────────
  Không phải 1 AI làm tất cả.
  Mỗi góc nhìn → kết quả tốt hơn.

SLIDE 8 — Cơ chế ③ Vibe Loop

③ VIBE LOOP

  ┌─────────────────────────────────┐
  │                                 │
  │  PROMPT  ──→  AI nhả CODE       │
  │                    │            │
  │                    ▼            │
  │              Chạy thử           │
  │                    │            │
  │           ┌────────┴────────┐   │
  │           │                 │   │
  │          OK ✅           LỖI ❌  │
  │           │                 │   │
  │         Done!       Copy log│   │
  │                    ──→ "Fix it" │
  │                             │   │
  └─────────────────────────────┘   
  
  Bạn KHÔNG tự sửa code.
  Bạn copy → paste → gửi.

SLIDE 9 — Cơ chế ④ HITL

④ HITL — Human-in-the-Loop

  AI BMAD hỏi trước khi code:

  "Bạn dùng Supabase hay Firebase?"
  "Form cần validation client hay server?"
  "Role-based hay single user?"

  ──────────────────────────────────────
  Bạn trả lời → AI code đúng spec.

  Khác ChatGPT thường:
  ChatGPT tự đoán → đôi khi sai hoàn toàn.
  BMAD + HITL → AI không tự ý làm.

SLIDE 10 — Cơ chế ⑤ Party Mode

⑤ PARTY MODE

  Trước quyết định lớn:
  gọi tất cả agent vào cùng 1 session.

  John:    "Cần thêm notification vì user không check app thường xuyên"
  Winston: "Notification cần queue — đừng gọi thẳng vào DB"
  Sally:   "Notification settings phải có empty state"
  Paige:   "Cần document cấu trúc queue cho dev sau"

  ──────────────────────────────────────
  Kết quả: blind spot được lộ ra
  trước khi bạn commit code.

SLIDE 11 — Tour cấu trúc BMAD

BMAD TRONG THỰC TẾ

.claude/skills/
├── bmad-help/
│   └── SKILL.md          ← entry point
├── bmad-quick-dev/
│   ├── SKILL.md
│   └── workflow.md
├── bmad-create-prd/
│   ├── SKILL.md
│   └── steps/
│       ├── step-01-*.md  ← micro-file
│       ├── step-02-*.md
│       └── ...
└── bmad-agent-pm/
    └── SKILL.md          ← persona John

Speaker note: Share screen ngay — không đọc slide, show thật.

SLIDE 12 — Demo: bmad-quick-dev

DEMO LIVE — bmad-quick-dev

  1. Tạo folder trống
  2. Gọi: /bmad-quick-dev
  3. AI hỏi (HITL): "Loại gì?"
  4. Trả lời: "Landing page, dark mode toggle"
  5. AI nhả code
  6. Chạy thử → CỐ Ý tạo lỗi
  7. Copy console error → "Fix it"
  8. AI fix → chạy lại → ✅

  ──────────────────────────────────────
  Thời gian: ~13 phút
  Số dòng code tự gõ: 0

SLIDE 13 — Warm-up: Nhiệm vụ của bạn

WARM-UP CÁ NHÂN — 30 PHÚT (main room)

  Dùng bmad-quick-dev build:

  📄 index.html giới thiệu bản thân
     • Tên + nghề nghiệp
     • 1 dự án muốn build trong khoá
     • Dark mode toggle

  QUY TẮC:
  ❌ Không gõ 1 dòng code tay
  ✅ Toàn bộ bằng prompt

  SAU 25': Random Wheel chọn 2–3 người
  share screen nhanh (mỗi người 2')

SLIDE 14 — 9 Đồ án để chọn

9 ĐỒ ÁN — CHỌN 1

  #  Tên              Nhóm         Độ khó
  ─────────────────────────────────────────
  1  HireFlow Lite    HR            ★★★
  2  PipeTrack        Sales/CRM     ★★   ← nhẹ
  3  ShipBoard        Vận hành      ★★
  4  Content Cal      Marketing     ★★★
  5  ExpenseFlow      Kế toán       ★★★★ ← thách
  6  MeetRoom         Hành chính    ★★
  7  TrainTrack       Đào tạo       ★★★
  9  StockRoom        Kho           ★★
  10 TaskSprint       Project Mgmt  ★★★★
  
  🚫 HRIS: BỊ KHOÁ (mentor demo)

SLIDE 15 — Gợi ý chọn theo nhóm

AI THUỘC NHÓM NÀO?

  Nhóm A (Dev Junior–Mid)
  → Ưu tiên: ExpenseFlow, TaskSprint (★★★★)
  → An toàn: HireFlow, Content Cal (★★★)

  Nhóm B (Founder / Indie Hacker)
  → Ưu tiên: PipeTrack, TrainTrack (★★–★★★)
  → Tránh ★★★★ ở lần đầu

  Nhóm C (Chưa biết code)
  → Ưu tiên: PipeTrack, ShipBoard, MeetRoom (★★)
  → TUYỆT ĐỐI tránh ★★★★

SLIDE 16 — Cách đăng ký đề

ĐĂNG KÝ ĐỀ NGAY HÔM NAY

  1. Mở Google Classroom → stream #project-pick
  2. Đăng theo format:

     [Họ tên] — Đề #X: [Tên đề]
     Lý do chọn: [1 câu]

  Ví dụ:
  "Nguyễn Văn A — Đề #2: PipeTrack
   Lý do: Đang làm sales, muốn build
   CRM nhẹ cho team 5 người."

  ⚠️ Có thể đổi đến hết Buổi 2.
     Sau đó khoá — không được thay đổi.

SLIDE 17 — Homework tuần 2

HOMEWORK TUẦN 2 (~12h)

  📖 ĐỌC TRƯỚC (6h)
     • product-thinking-101.md       (60')
     • jtbd-framework.md             (45')
     • prd-anatomy.md                (45')
     • working-backwards.md          (30')
     • Playbook đề của bạn           (45')

  📓 LÀM NOTEBOOK (6h)
     • notebook-02-product-brief.md
     • 35 step, parameterized cho đề của bạn
     • Output: PRD.md + product-brief.md

  📤 NỘP TRƯỚC BUỔI 2
     • Push repo, mở PR cho mentor review

SLIDE 18 — Buddy Pairs

BUDDY PAIRS

  Người bạn học của bạn — cả khoá.

  Khi kẹt:
    1. Tự thử 15 phút
    2. DM buddy
    3. Nếu vẫn kẹt → Zalo nhóm #project-help

  Nguyên tắc buddy:
    ✅ Reply trong 4h
    ✅ Không giải ngay — hỏi lại để buddy tự nghĩ
    ✅ Screenshot + mô tả vấn đề rõ ràng khi hỏi

  [Mentor công bố danh sách cặp]

SLIDE 19 — Checklist cuối buổi 1

TRƯỚC KHI ĐI NGỦ TỐI NAY ✅

  □ Push index.html + chat-log-week1.md
    lên GitHub Classroom

  □ Đăng ký đề trong #project-pick

  □ DM buddy pair làm quen

  □ Bắt đầu đọc product-thinking-101.md

  □ Bookmark Zalo nhóm + Google Classroom

  ──────────────────────────────────────
  Có gì kẹt → #warmup-help
  Mentor reply < 4h (giờ hành chính)

SLIDE 20 — Hẹn gặp Buổi 2

BUỔI 2: IDEATION → PRD

  Bạn sẽ đến với:
  ✅ PRD.md đã làm từ notebook
  ✅ Hiểu rõ đề của mình

  Trên lớp:
  → Mentor demo party-mode: Winston vs Sally
  → Bạn share screen PRD → peer review 3 câu hỏi gắt
  → Nhận notebook-03: Architecture + Schema

  ──────────────────────────────────────
  "Code ít nhất có thể.
   Hiểu rõ nhất có thể.
   Đó là Vibe Coding."

PHỤ LỤC A — Câu hỏi Slido đã chuẩn bị

# Thời điểm Câu hỏi Loại
Poll 1 Sau bốc thăm “Bạn thuộc nhóm nào? A/B/C” Multiple choice
Poll 2 Trong tour BMAD “File SKILL.md dùng để làm gì?” Multiple choice
Poll 3 Sau demo “Có câu hỏi về quy trình demo?” Open text
Poll 4 Chọn đề “Bạn chọn đề số mấy?” Multiple choice 1–10
Q&A Phần Q&A Slido Q&A mode — học viên upvote Open Q&A

PHỤ LỤC C — Rubric đánh giá Deliverable Buổi 1

Deliverable Kiểm tra Pass
index.html Mở được trên browser, có dark mode toggle ✅
chat-log-week1.md Có ≥ 5 lượt prompt ghi lại ✅
GC stream #project-pick post Đúng format, đề không phải #8 ✅
GitHub Classroom Repo public hoặc đã invite mentor ✅
Buddy pair Đã DM làm quen ✅