Vibe Coding là gì? Hướng dẫn Claude Code, Cursor và Codex từ A-Z (2026)

> "Vibe coding" là cách làm phần mềm khi bạn mô tả ý tưởng bằng tiếng Việt còn AI lo phần kỹ thuật. Bài này hướng dẫn bạn dùng Claude Code và Codex để đi từ ý tưởng → sản phẩm hoàn chỉnh, kèm bộ skill mở của QNifyTech để AI biết cách hỏi và làm việc theo quy trình chuẩn.

Mục lục nhanh

1. Chuẩn bị 2 công cụ AI
2. Cài bộ Vibe Coding Skills (1 lệnh)
3. Quy trình 8 bước từ ý tưởng → ra mắt
4. Bảng lệnh sẵn dùng — sao chép & dán
5. Mẹo dùng từng công cụ tốt nhất
6. Khi AI làm sai — cách điều chỉnh
7. FAQ

---

1. Chuẩn bị 2 công cụ AI

> 💡 Lời khuyên: Không cần dùng cả 2. Claude Code là lựa chọn tốt nhất cho người mới — chỉ cần mô tả ý tưởng, nó tự đọc skill, tự hỏi, tự code. Codex phù hợp khi bạn đã quen quy trình và muốn vừa code vừa được AI gợi ý theo thời gian thực.

Mua gói AI giá rẻ tại QNifyTech

> Mua tại QNifyTech rẻ hơn 80–90% so với mua trực tiếp Anthropic / OpenAI. Bao kích hoạt, hỗ trợ tiếng Việt.

---

2. Cài bộ Vibe Coding Skills (1 lệnh)

QNifyTech mở mã nguồn 15 skill chuẩn để biến AI thành "đội phát triển có quy trình": hỏi tiếng Việt → code tiếng Anh → ra sản phẩm hoàn chỉnh.

Repo công khai: https://github.com/LamLe2001/vibe-coding-skills

Cách 1 — Bảo AI tự tải về (khuyến nghị)

Mở Claude Code / Codex trong thư mục dự án, dán lệnh sau cho AI:

Hãy chạy lệnh sau để clone bộ Vibe Coding Skills về thư mục ./skill/
của dự án này, rồi đọc skill/README.md để hiểu toàn bộ workflow, sau đó
đọc skill/GUIDE.md và tạo file CLAUDE.md ở gốc dự án theo template
trong GUIDE. Cuối cùng hỏi mình bằng tiếng Việt: "Bạn muốn xây dựng cái gì?"

git clone --depth 1 https://github.com/LamLe2001/vibe-coding-skills.git skill && rm -rf skill/.git

AI sẽ tự clone, tự đọc tài liệu, tự cấu hình rồi bắt đầu phỏng vấn bạn.

Cách 2 — Tự cài bằng 1 dòng lệnh

Windows (PowerShell):

iwr -useb https://raw.githubusercontent.com/LamLe2001/vibe-coding-skills/main/install.ps1 | iex

macOS / Linux / Git Bash trên Windows:

curl -fsSL https://raw.githubusercontent.com/LamLe2001/vibe-coding-skills/main/install.sh | bash

Cách 3 — Clone thủ công

git clone --depth 1 https://github.com/LamLe2001/vibe-coding-skills.git skill

Sau khi cài, dự án của bạn sẽ có:

• skill/ — 15 file Markdown chứa quy trình chuẩn
• CLAUDE.md — file hướng dẫn ở gốc dự án để Claude Code / Codex đọc tự động

> Lần sau khi bạn mở Claude Code / Codex trong thư mục này, AI sẽ tự đọc CLAUDE.md và bắt đầu hỏi bạn bằng tiếng Việt thay vì code bừa.

---

3. Quy trình 8 bước từ ý tưởng → ra mắt

Bước 1️⃣ — Trao đổi ý tưởng

Mở Claude Code / Codex trong thư mục trống và gõ:

Mình có ý tưởng làm <mô tả ngắn>. Hãy đọc skill/project-kickoff.md
và hỏi mình theo Phase 1.

AI sẽ chạy 17 câu hỏi tiếng Việt đời thường — ai dùng, để làm gì, deadline, ngân sách... Cuối bước này bạn có Project Brief 1 trang.

Bước 2️⃣ — Lên plan chi tiết

Brief ok rồi. Bây giờ đọc skill/requirements.md, chia nhỏ thành
user story + danh sách màn hình + tiêu chí hoàn thành.

Kết quả: backlog đầy đủ với mức ưu tiên (🔴 P0 MVP / 🟠 P1 / 🟡 P2).

Bước 3️⃣ — Thiết kế giao diện

Đọc skill/ui-ux.md và thiết kế giao diện cho các màn hình P0 theo
chuẩn iOS Human Interface Guidelines. Hỏi mình các câu trong Phase 1.

AI sinh ra design tokens (màu sắc, font, spacing), wireframe, và component code.

Bước 4️⃣ — Thiết kế database

Đọc skill/database.md và thiết kế cơ sở dữ liệu cho các tính năng P0.
Vẽ ERD bằng Mermaid trước, mình xác nhận rồi hãy sinh migration.

Bước 5️⃣ — Code backend + frontend

Đọc skill/backend-api.md và viết API cho 3 tính năng P0 đầu tiên:
<liệt kê tên tính năng>. Theo đúng quy ước REST trong skill.

Sau đó:

Đọc skill/frontend-impl.md và kết nối UI vừa thiết kế vào API
bằng TanStack Query. Xử lý đủ 4 trạng thái loading/empty/error/success.

Bước 6️⃣ — Fix lỗi & đọc log

Khi gặp lỗi:

Lỗi: <dán nguyên error message + stack trace>

Hãy đọc:
1. Log liên quan (chạy: tail -100 logs/app.log nếu có)
2. File code gây lỗi
3. Suy luận root cause (không đoán bừa, kiểm tra bằng grep nếu cần)

Trước khi sửa, giải thích cho mình hiểu vì sao lỗi xảy ra. Sau đó mới đề xuất cách sửa.

> Mẹo quan trọng: Khi AI sửa lỗi mà cứ "đoán" → ép nó kiểm tra bằng cách thêm console.log / chạy thử / đọc file thật. Câu thần chú: _"Đừng đoán. Hãy kiểm tra trước khi đề xuất."_

Bước 7️⃣ — Test & review code

Đọc skill/testing.md và viết test cho các tính năng P0. Ưu tiên
test cho auth + payment trước.

Sau mỗi pull request:

Đọc skill/code-review.md, review giúp mình diff hiện tại của
nhánh feature/<tên>. Gắn nhãn severity (🔴 / 🟠 / 🟡 / ✅).

Bước 8️⃣ — Deploy & vận hành

Đọc skill/deployment.md, đề xuất hosting phù hợp với ngân sách
<số tiền/tháng> và bước-bước deploy lên đó.

Đọc skill/maintenance.md, thiết lập monitoring + backup tự động
+ thông báo qua Telegram khi có lỗi 5xx.

---

4. Bảng lệnh sẵn dùng — sao chép & dán

Đây là những câu lệnh đã được "luyện" để AI hành xử đúng. Copy nguyên văn, đổi phần <...> cho phù hợp.

🌱 Khởi tạo dự án

Mình muốn làm <ý tưởng>. Hãy đọc skill/project-kickoff.md và bắt đầu
Phase 1: hỏi mình 17 câu tiếng Việt đời thường, mỗi lần 3-4 câu, đừng
đổ dồn một lần.

📋 Lên plan triển khai

Dựa trên brief đã chốt ở <file PROJECT_BRIEF.md>, hãy đọc skill/requirements.md,
viết user story cho tất cả tính năng P0 + state map cho mỗi màn hình.
Đầu ra ghi vào docs/REQUIREMENTS.md.

🎨 Thiết kế UI

Mình cần thiết kế màn hình <tên màn hình>. Tham chiếu skill/ui-ux.md
(iOS HIG). Đầu tiên vẽ wireframe ASCII, sau đó sinh component code
React + Tailwind + shadcn/ui. Đảm bảo touch target >= 44px và có dark mode.

🗄 Thiết kế database

Theo skill/database.md, thiết kế schema Postgres cho các entity:
<liệt kê>. Vẽ ERD Mermaid trước. Đảm bảo có created_at/updated_at,
soft delete (deleted_at), và mọi foreign key đều có index.

⚙️ Code backend

Theo skill/backend-api.md, viết REST API cho resource <tên>. Bao gồm:
- Validation bằng zod
- Response envelope { data, meta } / { error }
- Status code đúng chuẩn (201 create, 204 delete...)
- File tách: route → controller → service → repository
- 1 file test (happy path + 2 edge case)

🧩 Code frontend

Theo skill/frontend-impl.md, kết nối màn hình <tên> vào API bằng
TanStack Query. Yêu cầu:
- Query key factory pattern
- Xử lý đủ loading / empty / error / success
- Form validation bằng react-hook-form + zod
- TypeScript strict, không dùng any

🔐 Auth

Theo skill/auth.md, triển khai đăng nhập bằng <email/Google/OTP>.
Yêu cầu:
- bcrypt cost >= 12 cho mật khẩu
- Cookie HttpOnly + Secure + SameSite=Lax
- Rate limit 5 lần / 15 phút
- Reset password qua email với token 1 lần dùng, hết hạn sau 1 giờ

💰 Thanh toán

Theo skill/payment.md, tích hợp <VNPay/MoMo/Stripe/PayOS>. Đảm bảo:
- Webhook xác thực chữ ký
- Webhook idempotent theo gateway event ID
- State machine: pending → awaiting_payment → paid / failed / expired
- Reconciliation job mỗi 15 phút bắt giao dịch lạc

🐛 Fix lỗi

Lỗi: <dán error message + stack>

Quy trình bắt buộc:
1. Đọc file gây lỗi + 1-2 file liên quan
2. Grep tìm chỗ gọi function bị lỗi
3. Giải thích root cause (không đoán)
4. Đề xuất tối đa 2 cách sửa, có ưu nhược điểm
5. Chờ mình chọn rồi mới code

📜 Đọc log

Đọc log mới nhất ở <đường dẫn / lệnh xem log>, tìm error pattern
xuất hiện trong 24h qua. Nhóm theo loại lỗi, đếm tần suất, đề xuất
3 lỗi cần fix trước tiên dựa trên mức độ ảnh hưởng người dùng.

✅ Review code

Review giúp diff của nhánh <tên nhánh> hoặc PR #<số>. Theo skill/code-review.md:
- Gắn nhãn severity (🔴 BLOCKER / 🟠 MAJOR / 🟡 MINOR / 🔵 NIT / ✅ PRAISE)
- Ưu tiên kiểm tra: correctness > security > maintainability > performance
- Có ít nhất 1 PRAISE nếu code có điểm tốt
- Kết luận: Approve / Request changes / Comment

🚀 Deploy

Theo skill/deployment.md, viết script CI/CD GitHub Actions để:
1. Chạy lint + typecheck + test khi push
2. Auto deploy frontend lên Vercel khi merge vào main
3. Auto deploy backend lên <Render/Railway/Fly>
4. Chạy migration trước khi deploy backend
5. Thông báo Telegram khi deploy xong (kèm link preview)

📊 Monitoring & maintenance

Theo skill/maintenance.md, thiết lập:
1. Sentry cho error tracking (frontend + backend)
2. UptimeRobot check /healthz mỗi 5 phút
3. Cron backup database hàng ngày lên Cloudflare R2
4. Alert Telegram khi: error rate > 1%, p95 > 2s, disk > 80%

🌍 SEO & analytics

Theo skill/seo-analytics.md:
1. Sinh meta tags + structured data (JSON-LD) cho mỗi trang public
2. Tạo sitemap.xml + robots.txt
3. Tích hợp Plausible (privacy-first) thay vì GA4
4. Đo conversion funnel: landing → signup → first action

⚖️ Pháp lý & quyền riêng tư

Theo skill/legal-privacy.md:
1. Sinh Privacy Policy + Terms of Service phù hợp Nghị định 13/2023 (Việt Nam)
2. Thêm cookie banner nếu có user EU
3. Tạo trang /account với 2 nút: "Tải dữ liệu của tôi" + "Xoá tài khoản"
4. Log audit cho mọi hành động admin

---

5. Mẹo dùng từng công cụ tốt nhất

Claude Code

Codex

> 💡 Kết hợp 2 cái: Dùng Claude Code cho task lớn (sinh hàng chục file, đọc cả codebase), Codex để gõ nhanh / sửa chi tiết / autocomplete khi đang code.

---

6. Khi AI làm sai — cách điều chỉnh

❌ AI tự đoán mà không hỏi

Nói thẳng:

Bạn vi phạm Phase 1 của skill <tên file>. Quay lại hỏi mình
trước khi code.

❌ AI dùng tiếng Anh chuyên ngành khi hỏi

Câu hỏi của bạn có jargon. Diễn đạt lại bằng tiếng Việt đời thường,
như đang nói với người không biết code.

❌ AI fix lỗi bằng cách "tắt warning" / try-catch nuốt error

Bạn đang giấu lỗi chứ không sửa lỗi. Xoá try-catch đó, tìm
root cause thật sự. Đọc lại skill/code-review.md mục "Correctness".

❌ AI sửa 1 chỗ mà lại thay đổi 10 chỗ không liên quan

Bạn ra ngoài phạm vi yêu cầu (scope creep). Revert các thay đổi
không liên quan, chỉ giữ phần sửa cho task <tên>.

❌ AI bị "quên" context giữa chừng

Đọc lại CLAUDE.md + skill/<file đang dùng>. Tóm tắt lại brief
hiện tại 3 dòng để mình xác nhận bạn còn nhớ.

❌ AI viết code thừa, abstract sớm

Bạn over-engineering. Theo nguyên tắc YAGNI trong skill/code-review.md
mục 2.3, xoá các abstraction chưa cần. Giữ code đơn giản nhất có thể
giải quyết task hiện tại.

---

7. FAQ

Tôi không biết code — dùng được không?

Được. Bộ skill thiết kế chính cho người không biết code. Bạn nói tiếng Việt, AI hỏi tiếng Việt, AI viết code thay bạn. Việc của bạn là mô tả ý tưởng rõ và xác nhận brief.

Tốn bao nhiêu tiền mỗi tháng?

• Tối thiểu: miễn phí — skill là open-source, dùng Claude.ai web
• Khởi nghiệp: ~80–180k/tháng — mua gói qn-claude hoặc qn-codex tại QNifyTech
• Production có người dùng: thêm ~$25–50/tháng hosting (xem skill/deployment.md)

Có cần biết Git không?

Nên biết cơ bản: git add, git commit, git push. Claude Code có thể tự chạy git, nhưng bạn cần hiểu để kiểm soát.

AI viết code có an toàn không?

Skill auth + payment + legal-privacy đã ép AI tuân thủ best practice (bcrypt, webhook idempotent, GDPR/ND13). Tuy nhiên với code production có user thật, nên có người biết code review giúp.

Có cần dùng cả 2 công cụ không?

Không. 1 cái là đủ. Người mới hãy bắt đầu với Claude Code — nó có thể tự đọc skill, tự hỏi, tự sửa nhiều file. Khi đã quen, bổ sung Codex để vừa code vừa được AI gợi ý theo thời gian thực.

Tôi có thể tự sửa bộ skill không?

Hoàn toàn được — repo MIT License. Sau khi clone về ./skill/, sửa bất kỳ file nào để phù hợp team. Hoặc gửi PR đóng góp lại cho cộng đồng tại github.com/LamLe2001/vibe-coding-skills.

AI thỉnh thoảng bỏ qua quy trình, code luôn?

Thêm vào CLAUDE.md một dòng cứng:

> "Vi phạm Phase 1 (hỏi user) là vi phạm số một. Nếu đang code mà nhận ra chưa hỏi xong, dừng ngay và quay lại hỏi."

Tôi có thể dùng cho dự án nội bộ công ty không?

Được. License MIT cho phép thương mại, sửa đổi, đóng kín. Chỉ cần giữ file LICENSE trong copy bạn dùng.

---

Kết

Vibe coding không phải để AI "thay" bạn — nó để AI hỏi đúng câu ở đúng thời điểm, để bạn không phải nhớ hết mọi thứ khi xây sản phẩm. Bộ skill của QNifyTech là một bản đồ. AI là người dẫn đường. Còn quyết định cuối cùng vẫn là bạn.

Bắt đầu ngay — bảo AI tự cài hộ:

Hãy clone bộ skill về ./skill/ rồi đọc skill/README.md + skill/GUIDE.md.
Sau đó hỏi mình "Bạn muốn xây dựng cái gì?" và làm theo Phase 1 của
skill/project-kickoff.md.

git clone --depth 1 https://github.com/LamLe2001/vibe-coding-skills.git skill && rm -rf skill/.git

Chúc bạn ship được sản phẩm đầu tiên! 🚀

---

Liên kết hữu ích:

• Repo Vibe Coding Skills: tại đây.
• Mua Claude Code giá rẻ: tại đây
• Mua Codex giá rẻ: tại đây
• Trang chủ: tại đây.