Vibe Coding
Vibe Coding
Quy trình 3 bước xây dựng nhanh có kỷ luật: Mega Prompt → Phỏng vấn → Lặp lại, dừng khi có prototype chạy được cục bộ. KHÔNG phải 'Accept All' nghĩa gốc — code AI không review có tỷ lệ lỗi nghiêm trọng cao hơn 1,7 lần, lỗ hổng bảo mật cao hơn 2,74 lần.
Nắm vững nguyên lý và khái niệm nền tảng trước khi đi vào công cụ thực tế.
Áp dụng quy trình từng bước, case study thực chiến và template mẫu có sẵn.
Kiểm tra checklist hoàn thành, né tránh các sai lầm kinh điển để vận hành bền vững.
Nắm vững các khái niệm nền tảng, cơ chế hoạt động và mô hình tư duy cốt lõi.
1. Mục tiêu học tập
Sau bài này, bạn có thể:
2. Khái niệm cốt lõi
Vì sao cần minh bạch hoá thuật ngữ: Simon Willison, 1 nhà phát triển có ảnh hưởng, chỉ ra ranh giới rõ: “nếu 1 LLM viết mọi dòng code nhưng bạn đã review, test, và hiểu hết — đó không còn là vibe coding theo đúng nghĩa, đó là dùng LLM như 1 trợ lý gõ chữ”. Level 6 chủ động chọn vế thứ 2 (dùng AI như trợ lý gõ chữ rất nhanh, không phải giao toàn quyền) — dù vẫn dùng tên gọi phổ biến “Vibe Coding” cho quy trình, để nhất quán với tên bài trong Blueprint V1.
Vì sao đây không phải cảnh báo hình thức: dữ liệu thực tế cho thấy rủi ro của “vibe coding” theo đúng nghĩa gốc (không review) là có thật, đo lường được: code có AI đồng tác giả (không qua review kỹ) chứa 1,7 lần nhiều lỗi nghiêm trọng hơn, lỗ hổng bảo mật cao hơn 2,74 lần so với code được viết/review cẩn thận. Đây chính là lý do Level 6 dành hẳn 4 bài sau (59-62: Debug, Refactor, Testing, Security) để bù đắp đúng những rủi ro này — không phải nội dung thừa.
Quy trình 3 bước (điều chỉnh từ workflow gốc, dừng trước Deploy) [dựa trên S17, đã điều chỉnh theo đúng ranh giới đã phê duyệt]:
- Mega Prompt — mô tả toàn bộ ý tưởng sản phẩm cho Claude Code trong 1 lần, đặt AI vào vai trò “đối tác kỹ thuật” hiểu rõ mục tiêu tổng thể, không chỉ từng lệnh rời rạc.
- Phỏng vấn — để Claude Code (hoặc bạn chủ động) đặt câu hỏi làm rõ trước khi xây — đúng tinh thần “khám phá trước khi triển khai” đã học ở bài 57 (Plan mode).
- Lặp lại — xây từng phần nhỏ, xem kết quả, điều chỉnh, lặp lại — dừng khi có 1 phiên bản chạy được, đúng mô hình 4 lớp đã học ở bài 55.
3. Tại sao nội dung này quan trọng
Đây là bài đầu tiên bạn thực sự xây dựng sau 3 bài nền tảng — nhưng cũng là điểm dễ “trượt” nhất về đúng rủi ro đã nêu ở mục 2: tốc độ của quy trình này dễ khiến người mới quên mất nguyên tắc “luôn xác nhận” đã học. Giữ đúng kỷ luật ngay từ lần xây dựng đầu tiên quan trọng hơn tốc độ.
4. Cơ chế hoạt động
Phân định AI vs con người (áp dụng cụ thể cho quy trình 3 bước):
| Điều bạn cần hiểu | Điều AI có thể thực hiện | Điều bạn phải xác nhận | |
|---|---|---|---|
| Mega Prompt | Mục tiêu sản phẩm là gì, phạm vi tới đâu | Đề xuất kiến trúc kỹ thuật cụ thể | Kiến trúc đề xuất có khớp mô hình 4 lớp (bài 55) và khả thi với bạn không |
| Phỏng vấn | Câu hỏi AI đặt ra thường chỉ ra góc bạn chưa nghĩ tới | Tự đặt câu hỏi làm rõ | Trả lời đúng, không trả lời qua loa cho nhanh |
| Lặp lại | Mỗi vòng lặp nên nhỏ, dễ kiểm tra | Viết/sửa code từng phần | Đọc lại từng thay đổi trước khi chấp nhận (đây là điểm khác biệt cốt lõi với “vibe coding” nguyên gốc) |
5. Mental model
Nếu bài 53 dạy bạn vai trò “người thiết kế + người kiểm tra công trình”, bài này là lúc bạn thực sự đứng công trường lần đầu: bạn mô tả toàn bộ ngôi nhà muốn xây (Mega Prompt), thợ xây hỏi lại vài điểm chưa rõ (Phỏng vấn), rồi xây từng phòng một, bạn đi kiểm tra sau mỗi phòng thay vì đợi xây xong cả nhà mới nhìn lại (Lặp lại) — không phải “giao chìa khóa rồi đi nghỉ mát” (đó là “vibe coding” nguyên gốc, rủi ro cao).
Quy trình thực thi từng bước, case study cụ thể và bộ prompt/template áp dụng ngay.
6. Hướng dẫn từng bước
Áp dụng cho dự án tích lũy: Trợ Lý Ghi Chú Cá Nhân Có AI Tóm Tắt.
- Vòng 1: giao diện thêm 1 ghi chú mới.
7. Ví dụ thực tế
Ví dụ Mega Prompt cụ thể cho dự án tích lũy:
Xây 1 ứng dụng web ghi chú cá nhân đơn giản.
Mục tiêu: người dùng thêm, xem, xóa ghi chú văn bản. Dữ liệu lưu lạilâu dài (không mất khi đóng trình duyệt).
Phạm vi hiện tại: CHỈ cần CRUD cơ bản (Create/Read/Delete), CHƯA cầntính năng AI tóm tắt (sẽ thêm sau).
Trước khi bắt đầu, hỏi tôi bất kỳ điều gì chưa rõ về công nghệ haycách tổ chức dự án.Đây chính là bước “Mega Prompt” — đủ chi tiết để Claude Code hiểu đúng phạm vi (đặc biệt lưu ý câu “CHƯA cần tính năng AI tóm tắt” — tránh AI làm vượt phạm vi vòng lặp hiện tại).
8. Prompt/template/workflow
Xây [loại sản phẩm].Mục tiêu: [1-2 câu mô tả chức năng cốt lõi].Phạm vi hiện tại: [CHỈ cần gì, CHƯA cần gì].Trước khi bắt đầu, hỏi tôi bất kỳ điều gì chưa rõ.[ ] Đã đọc lại thay đổi Claude Code vừa thực hiện chưa?[ ] Đã chạy thử tính năng vừa xây chưa?[ ] Kết quả có đúng như Mega Prompt mô tả không?[ ] Sẵn sàng sang vòng lặp tiếp theo, hay cần sửa trước?9. Visual hoặc diagram cần thiết
10. Bài tập thực hành
- Viết Mega Prompt cho dự án ghi chú cá nhân theo khung ở mục 8 (hoặc điều chỉnh ý tưởng theo ý bạn, miễn giữ đủ 4 lớp kiến trúc đã học bài 55).
- Trả lời phỏng vấn của Claude Code một cách cụ thể.
- Thực hiện ít nhất 2 vòng lặp xây dựng (thêm ghi chú + xem danh sách), áp dụng checklist sau mỗi vòng.
- Dừng lại đúng lúc — xác nhận bạn có 1 prototype chạy được cục bộ, chưa cố deploy hay thêm tính năng AI (việc đó thuộc các bài sau).
Checklist kiểm tra mức độ sẵn sàng, nhận diện các bẫy sai lầm và nguyên tắc vàng vận hành.
11. Checklist
12. Lỗi thường gặp
15. Best practices
16. Nội dung nâng cao (không bắt buộc)
Karpathy — người đặt ra thuật ngữ “vibe coding” — đến 2026 đã tự chuyển sang gọi cách làm việc có giám sát là “agentic engineering”, mô tả: “bạn không còn tự viết code trực tiếp 99% thời gian, bạn đang điều phối các agent làm việc đó và đóng vai trò giám sát” — mô tả này khớp gần như chính xác với cách Level 6 tiếp cận toàn bộ hành trình.
⚠️ 13. Giới hạn & khi nào KHÔNG nên áp dụng
- Bài này không dạy debug sâu khi có lỗi phức tạp — đó là bài 59.
- Bài này không dạy triển khai công khai — đó là bài 63.
- Với sản phẩm thật sự quan trọng/production ngay từ đầu (không phải học tập), quy trình “lặp lại nhanh” này vẫn cần bổ sung đầy đủ testing (bài 61) và security review (bài 62) trước khi coi là hoàn chỉnh — không chỉ dừng ở “chạy được”.
🔐 14. An toàn & quản trị (Safety/Governance)
📚 17. Nguồn tham khảo
Vibe Coding, Wikipedia — nguồn gốc thuật ngữ, định nghĩa gốc của Karpathy, tranh cãi (Simon Willison, Andrew Ng), số liệu rủi ro (CodeRabbit, GitClear) · Claude Code Cho Người Không Biết Code, Phan Đông Giang — khung quy trình 3 bước Mega Prompt-Phỏng vấn-Lặp lại (đã điều chỉnh, dừng trước bước Deploy nguyên gốc) · Dẫn chiếu (không trích dẫn mới): bài 53 (mental model), bài 55 (kiến trúc 4 lớp), bài 57 (Claude Code, Checkpoint/Permission).