Build sản phẩm cùng AI
Vibe Code từ Zero đến Pro

AI là gì? Từ Machine Learning đến LLM NON-TECH OK

• AI · Machine Learning · Deep Learning · Generative AI – phân biệt bằng ví dụ đời thường
• LLM hoạt động thế nào: “dự đoán token tiếp theo”, training vs. inference
• Knowledge cutoff, hallucination (AI “bịa”) và cách phát hiện
• AI làm tốt gì – làm kém gì; tư duy “AI là cộng sự, bạn là người chịu trách nhiệm”

Token là gì? AI “đọc” và “tính tiền” như thế nào NON-TECH OK

• Tokenization; vì sao tiếng Việt thường tốn token hơn tiếng Anh
• Input token, output token, thinking/reasoning token – cách tính chi phí
• Đọc bảng giá model; công cụ đếm token; ước lượng chi phí một dự án

Context Window, Compact & Tối ưu Token NON-TECH OK LAB

• Context window là “bộ nhớ làm việc”; hiện tượng AI “quên”, chất lượng giảm khi context đầy
• Compact / auto-compact là gì; khi nào dùng /compact, /clear, mở phiên mới
• Prompt caching – vì sao lặp lại ngữ cảnh ổn định giúp rẻ và nhanh hơn
• 10 thói quen tiết kiệm token: chia nhỏ task, trỏ đúng file, chọn model vừa đủ, tránh dán log dài…

Model, Provider & các dòng model phổ biến NON-TECH OK

• Provider: Anthropic (Claude), OpenAI (GPT), Google (Gemini), open-source (Llama, Qwen, DeepSeek…)
• Model lớn vs. nhỏ, nhanh vs. thông minh; model suy luận (reasoning / extended thinking)
• Đa phương thức: đọc ảnh, PDF, giọng nói; chạy model local (Ollama, LM Studio)
• Nguyên tắc chọn model theo nhiệm vụ và ngân sách

API Key, Subscription & Quản lý chi phí NON-TECH OK LAB

• Gói subscription (Pro/Plus/Max…) vs. trả theo API (pay-as-you-go) – khi nào dùng cái nào
• Tạo API key trên Anthropic Console, OpenAI Platform, Google AI Studio
• Bảo mật key: file .env, không commit lên GitHub, xoay vòng key khi lộ
• Rate limit, quota, đặt giới hạn chi tiêu và theo dõi usage

Prompt Engineering căn bản cho builder NON-TECH OK LAB

• Cấu trúc prompt: Vai trò · Bối cảnh · Nhiệm vụ · Ràng buộc · Định dạng đầu ra · Ví dụ
• Zero-shot, few-shot, yêu cầu AI hỏi lại trước khi làm
• Viết yêu cầu cho AI code: mô tả tính năng, input/output, tiêu chí “xong”
• Các lỗi prompt phổ biến và cách sửa

Bản đồ công cụ AI cho builder NON-TECH OK

• 4 nhóm: Chatbot (Claude, ChatGPT, Gemini) · AI IDE (Cursor, Windsurf, Antigravity) · Agent CLI (Claude Code, Codex, Antigravity CLI) · App builder (Lovable, Bolt, v0)
• Mức độ tự chủ: gợi ý code → sửa file → agent tự làm nhiều bước
• Chọn theo trình độ, loại dự án và ngân sách

Claude & Claude Code NON-TECH OK LAB

• Claude.ai: Projects, Artifacts, các gói Pro / Max; Claude Code trên Terminal, VS Code, Desktop, Web
• Cài đặt & đăng nhập; file CLAUDE.md; slash commands thường dùng
• Plan mode, permission modes, checkpoint / rewind, chọn model trong phiên
• Lab: dùng Claude Code tạo một trang web đầu tiên

ChatGPT & Codex NON-TECH OK LAB

• ChatGPT: GPTs, Canvas, các gói Plus / Pro
• Codex CLI, Codex trong IDE và Codex cloud; file AGENTS.md
• Điểm mạnh/yếu so với Claude Code; dùng Codex để review code

Google AI Pro: Gemini, AI Studio & Antigravity NON-TECH OK LAB

• Gemini app, Gemini Notebook (trước đây là NotebookLM), Deep Research – nghiên cứu ý tưởng và tài liệu
• Google AI Studio: thử model và lấy API key; Antigravity CLI (thay Gemini CLI cho tài khoản cá nhân), file GEMINI.md
• Antigravity: IDE “agent-first”, quản lý nhiều agent, kiểm tra kết quả qua trình duyệt

So sánh & chiến lược kết hợp nhiều công cụ NON-TECH OK

• Bảng so sánh: chất lượng code, context, tốc độ, giá, hạn mức sử dụng
• Workflow gợi ý: Gemini nghiên cứu → Claude lập kế hoạch & code → Codex review
• Chuẩn hóa file hướng dẫn dự án dùng chung cho nhiều agent

AI Agent là gì? NON-TECH OK

• Chatbot vs. Agent; vòng lặp agent: Hiểu → Lập kế hoạch → Hành động → Quan sát → Lặp lại
• Tool use / function calling – cách AI “dùng công cụ”
• Subagent, multi-agent; mức độ tự chủ và vai trò kiểm duyệt của con người

MCP – Model Context Protocol NON-TECH OK LAB

• MCP là “cổng USB-C” của AI: host · client · server; tools · resources · prompts
• Cài các MCP server phổ biến: GitHub, trình duyệt (Playwright), database, Figma, Google Drive, Notion
• Rủi ro: prompt injection, cấp quyền quá rộng, MCP server không rõ nguồn gốc

Skills – dạy AI quy trình của riêng bạn NON-TECH OK LAB

• Agent Skill là gì: file SKILL.md + script + tài liệu tham chiếu, chỉ nạp khi cần
• Skill vs. MCP vs. Prompt: khi nào dùng cái nào
• Cài và dùng skill có sẵn; viết skill đầu tiên (không cần code)

Slash Commands, Hooks, Subagents & Plugins NON-TECH OK

• Tạo lệnh tắt (custom commands) cho việc lặp lại
• Hooks: tự động chạy format / test / chặn thao tác nguy hiểm
• Subagent chuyên trách (reviewer, tester…); cài plugin từ marketplace

Memory & Context Engineering NON-TECH OK

• CLAUDE.md / AGENTS.md / rules: viết thế nào để AI làm đúng ý
• Bộ tài liệu dự án (docs/): PRD, kiến trúc, code standards, roadmap
• Memory giữa các phiên; nguyên tắc “đưa đúng thông tin, đúng lúc, vừa đủ”

Chuẩn bị môi trường làm việc NON-TECH OK LAB

• Terminal căn bản (Windows / macOS); VS Code và extension cần thiết
• Cài Node.js, Python, package manager (npm/pnpm, pip/uv)
• Hiểu cấu trúc một dự án web: frontend, backend, database, hosting

Git & GitHub cho vibe coder NON-TECH OK LAB

• Commit như “save game”; branch, rollback khi AI làm hỏng
• GitHub: repo, Pull Request, Issues; .gitignore và bảo vệ secrets
• Để AI viết commit message và mở PR đúng chuẩn

Quy trình Vibe Code chuẩn NON-TECH OK

• Ý tưởng → PRD → Kế hoạch (plan) → Build từng phần → Test → Review → Ship
• Chia nhỏ tính năng; kiểm tra sau mỗi bước; khi nào nên “làm lại từ đầu”
• Brainstorm với AI để phản biện ý tưởng trước khi code

UI/UX với AI NON-TECH OK LAB

• Từ ảnh chụp / Figma / mô tả sang giao diện; design system, Tailwind, shadcn/ui
• Responsive, dark mode, tránh giao diện “AI slop” đại trà
• Dùng skill UI/UX có sẵn (vd: ui-ux-pro-max-skill) để AI thiết kế chuyên nghiệp hơn – rất hợp với người non-tech

Dự án 1: Landing page & deploy NON-TECH OK LAB

• Xây landing page / portfolio hoàn chỉnh với Claude Code hoặc Antigravity
• Deploy lên Vercel / Netlify / Cloudflare Pages; gắn tên miền riêng
• TECH Nhánh nâng cao: tự deploy lên VPS (SSH, firewall, Docker/PM2, Nginx/Caddy, Coolify/Dokploy)

Dự án 2: Web app có database & đăng nhập NON-TECH OK LAB

• CRUD app (quản lý công việc / đơn hàng / khóa học) với Next.js + Supabase hoặc Firebase
• Đăng nhập Google, Apple, Facebook hoặc email/mật khẩu (Supabase Auth, Firebase Auth, Better Auth – nay đã gộp Auth.js); phân quyền cơ bản, upload file
• TECH Nhánh nâng cao: tự dựng PostgreSQL/MySQL trên VPS bằng Docker, sao lưu, bảo mật

Debug cùng AI NON-TECH OK LAB

• Đọc thông báo lỗi, console, log; “kể bệnh” cho AI bằng ảnh chụp và bước tái hiện
• Tìm nguyên nhân gốc thay vì vá triệu chứng; thoát vòng lặp “sửa mãi không xong”

Bảo mật căn bản cho vibe coder NON-TECH OK

• Secrets & biến môi trường; lỗi lộ API key phổ biến
• Row Level Security (Supabase), xác thực đầu vào, OWASP Top 10 bản dễ hiểu
• Checklist bảo mật trước khi public sản phẩm

Kiến trúc phần mềm “AI-friendly” TECH

• Cấu trúc thư mục, module hóa, giới hạn kích thước file để agent đọc hiệu quả
• Monorepo, type-safety (TypeScript, Zod), code standards; YAGNI · KISS · DRY

Spec-driven Development & Planning nâng cao TECH LAB

• Viết spec / plan nhiều phase, tiêu chí chấp nhận, rủi ro & rollback
• Red-team kế hoạch bằng AI trước khi triển khai

Testing với AI TECH LAB

• Unit, integration, E2E với Vitest / Pytest / Playwright
• TDD cùng agent: viết test trước, để AI code đến khi test xanh

Code Review, chất lượng & CI/CD TECH LAB

• Lint, type-check, pre-commit hooks; AI review Pull Request
• GitHub Actions; chạy agent headless trong pipeline (tự sửa lỗi CI, tự review)

Multi-agent & làm việc song song TECH LAB

• Điều phối subagent, phân chia quyền sở hữu file, tránh xung đột
• Git worktree để chạy nhiều agent cùng lúc; agent chạy trên cloud

Lập trình với LLM API TECH LAB

• Messages API (Claude), Responses API (OpenAI), Gemini API – so sánh SDK
• Streaming, tool use, structured output (JSON), vision, prompt caching, batch
• Xử lý lỗi, retry, rate limit trong ứng dụng thật

Xây dựng MCP Server của riêng bạn TECH LAB

• MCP SDK (TypeScript / Python); stdio vs. Streamable HTTP
• Thiết kế tool tốt cho AI; xác thực, phân quyền, publish và chia sẻ

Skills, Hooks & Plugins nâng cao TECH LAB

• Skill có script, tài liệu tham chiếu, đánh giá (eval) chất lượng skill
• Đóng gói bộ công cụ nội bộ thành plugin cho cả team / cộng đồng

RAG, Embeddings & Chatbot trên dữ liệu riêng TECH LAB

• Embeddings, vector database (pgvector, Qdrant…), chunking, retrieval, reranking
• Xây chatbot hỏi–đáp tài liệu nội bộ; đo lường độ chính xác

Xây dựng AI Agent & vận hành production TECH LAB

• Claude Agent SDK, OpenAI Agents SDK, Google ADK – thiết kế agent có tool, memory, guardrails
• Evals, logging/observability, model routing, tối ưu chi phí và độ trễ

Dự án cuối khóa NON-TECH OK LAB

• Chọn bài toán thật → PRD → Plan → Build → Test → Deploy (làm theo nhóm hoặc cá nhân)
• Demo day, nhận phản hồi từ cộng đồng AZ Builder

Kiếm tiền & tăng trưởng NON-TECH OK

• Tích hợp thanh toán (SePay/VietQR, Stripe, Polar); gói subscription
• Analytics, SEO, email; kế hoạch launch và vận hành sau ra mắt

Từ điển thuật ngữ AI & lập trình (Anh – Việt)

Cheat sheet: lệnh Claude Code, Codex, Antigravity CLI, Git thường dùng

Thư viện prompt mẫu & template CLAUDE.md / AGENTS.md / PRD

Bảng so sánh giá & hạn mức các gói AI (cập nhật định kỳ)

Checklist trước khi ship: chất lượng, bảo mật, hiệu năng, SEO