On-screen text
ĐANG THỬ NGHIỆM
Từ Vibe Coder đến
Agentic Engineer
Lộ trình 4 bước tôi đang thử nghiệm
(và bạn có thể tham khảo)
Không dạy. Không áp đặt. Chỉ chia sẻ những gì đang work với tôi trong 6 tháng qua.
NotebookLM
Vòng lặp bế tắc của Vibe Coding
~/vibe-coding/loop.js
Prompt
~/vibe-coding/loop.js
Nhận code
~/vibe-coding/loop.js
Chạy thử
~/vibe-coding/loop.js
Sai spec
Prompt lại
Nếu bạn đang làm thế này, bạn đang làm đúng thứ mà tôi từng làm.
NotebookLM
Vấn đề không nằm ở AI,
mà ở chứng mất trí nhớ
Mỗi khi mở một session mới,
AI quên hết mọi thứ:
- Tech stack của dự án
- Coding conventions
- Những gì đã làm và chưa làm
Thay đổi đầu tiên và lớn nhất:
Ngừng hết AI phải đoán.
NotebookLM
Lộ trình 4 bước: Đi từ nền tảng đến bộ nhớ dài hạn
Bước 0: Nền tảng
(CLAUDE.md) Ai cũng nên làm
Bước 1: Thống nhất
(OpenSpec) Tùy chọn
Bước 2: Kỷ luật
(Superpowers) Tùy chọn
Bước 3: Trí nhớ
(Beads) Tùy chọn
NotebookLM
Bước 0: Bơm ngữ cảnh
với CLAUDE.md
Một file duy nhất đặt ở root của
project.
Claude Code tự động đọc file này
mỗi khi start session.
Mục tiêu: Context packing (Front-
load mọi AI cần biết trước khi
làm việc).
Nguồn cảm hứng: Addy Osmani (Director, Google Cloud AI).
NotebookLM
15 phút thiết lập ranh giới rõ ràng
## Tech Stack
* React 18, TypeScript, Vite, Tailwind
* Node.js/Express backend, PostgreSQL
#### Commands
* Build: npm run build
* Test: npm test (phải pass trước khi commit)
* Lint: npm run lint
#### Boundaries
* Always: Chạy test trước khi commit
* Ask first: Thay đổi database schema
* Never: Hardcode secrets, edit node_modules
Tiết kiệm hàng giờ giải thích lại mỗi session. Làm ngay hôm nay, chưa cần cài tool nào khác.
NotebookLM
Bước 1: OpenSpec - Thống nhất
trước khi gõ code
* Tool Open-source (23k stars trên GitHub).
* Ý tưởng: Đừng để AI code khi chưa align về cái cần build.
$ /opsx: new add-dark-mode
Cấu trúc hóa ý tưởng thay vì code mù
Cấu trúc hóa ý tưởng thay vì code mù
Output của lệnh /opsx: new:
$ /opsx: new:
proposal.md — Tại sao làm, làm gì
specs/
- Requirements cụ thể
design.md — Approach kỹ thuật
tasks.md — Checklist từng bước
Bạn review, approve,
rồi mới code.
Tùy chọn: Có thể skip
với các task quá
nhỏ/đơn giản.
NotebookLM
Bước 2: Superpowers - Kỷ luật trong thực thi
* Plugin cho Claude Code (42k stars, MIT License, official marketplace).
* Ngăn chặn agent nhảy thẳng vào code mù quảng.
$ /plugin marketplace add obra/superpowers-marketplace
$ /plugin install superpowers@superpowers-marketplace
Clarify Spec
Chia task nhỏ
(2-5 phút)
Dispatch
Subagents
Code Review
trước khi merge
Thực thi Test-Driven Development (TDD)
Superpowers enforce TDD một cách
tự động.
Agent phải viết failing test trước.
Sau đó mới viết code để pass test
đó.
Kết quả: Có các gates bảo vệ, giúp bạn
ngủ ngon hơn để agent chạy các
task dài.
Viết Test Sai X
Viết Code Pass Test ✓
NotebookLM
Bước 3: Beads - Trí nhớ dài hạn cho AI
* Dành riêng cho: Project kéo dài nhiều ngày, nhiều
session, đa nhánh (cross-branch).
* Tác giả: Steve Yegge (17k stars).
* Bản chất: Một issue tracker chạy ngay trong repo,
backed bởi database có version control.
▲ Chỉ sử dụng cho project dài hơi (hơn 1-2 tuần).
NotebookLM
Quản lý task ngay trong Repository
Khởi tạo:
$ bd init
(Tạo Task graph)
Giao việc:
$ bd create
(Tạo task mới)
Agent nhận việc:
$ bd update --claim
(Agent cross-session không bị mất context)
Hoàn thành:
$ bd ready
NotebookLM
Không có viên đạn bạc trong AI Coding
Bước 3: Beads — Memory cho project dài ngày.
Bước 2: Superpowers — Enforce workflow & TDD.
Bước 1: OpenSpec — Align trước khi code.
Bước 0: CLAUDE.md — 15 phút, làm ngay hôm nay.
Lưu ý: Đây là workflow đang work với tôi. OpenSpec có thể quá rườm rà cho project
nhỏ. Có thể bạn chỉ cần CLAUDE.md là đủ. Bạn tự điều chỉnh cho phù hợp.
NotebookLM
Tài nguyên mã nguồn mở & Thảo luận
Tất cả tools đều Free & MIT License:
OpenSpec: github.com/Fission-AI/OpenSpec
Superpowers: github.com/obra/superpowers
Beads: github.com/steveyege/beads
Đọc thêm: Blog của Addy Osmani về Agentic Engineering (Link in bio)
Bạn đang dùng workflow gì hiệu quả hơn?
Comment chia sẻ xuống dưới nhé 👇
NotebookLM