Hướng dẫn Vibe Coding v1.0: Cẩm nang toàn diện về phát triển phần mềm với sự hỗ trợ của AI

Tài liệu này là hướng dẫn được thiết kế để giúp không chỉ các lập trình viên giàu kinh nghiệm mà còn cả những người không phải lập trình viên phát triển ứng dụng/dịch vụ bằng cách sử dụng 'Vibe Coding.' Các nhà phát triển cấp thấp với ít kinh nghiệm lập trình và cả những người lên kế hoạch cũng có thể tạo ra kết quả ổn định bằng cách làm theo các bước này.

Nguyên tắc cốt lõi: Thay vì yêu cầu AI viết code ngay lập tức, tốt hơn là yêu cầu nó tạo tài liệu (Design.md, ToDo.md) trước khi bắt đầu phát triển.

0. Tổng quan luồng công việc

[1] Yêu cầu tạo Concept.md

↓

[2] Tạo Design.md (Tài liệu tham khảo UI/UX)

↓

[3] Xác định Tech Stack (Tham khảo cây quyết định bên dưới)

↓

[4] Tạo ToDo.md (Thông số kỹ thuật cấp module + kế hoạch phát triển)

↓

[5] Tạo GitHub Repository và commit đầu tiên

↓

[6] Chuyển mô tả ứng dụng + Design.md + ToDo.md cho Claude Code hoặc Grok Build để bắt đầu phát triển

↓

[7] Lặp lại: Triển khai theo module → Kiểm thử → commit/push

1. Concept.md — Lời nhắc bắt đầu với một ý tưởng đơn giản

Bắt đầu bằng cách mô tả ngắn gọn ứng dụng hoặc dịch vụ bạn muốn tạo trong 2-3 dòng như ý tưởng ban đầu, dưới dạng: "Tôi muốn tạo một thứ gì đó như thế này; hãy tạo một tài liệu Concept.md chi tiết các quy trình và phương pháp để triển khai nó."

Tải xuống tài liệu đã tạo và lưu nó thành Concept.md.

2. Design.md — Tạo Tài liệu Tham khảo UI/Design Trước

Nếu ứng dụng có giao diện người dùng (UI), tốt nhất nên viết Design.md trước. Nghĩa là, nếu có dịch vụ hoặc ứng dụng bạn muốn tham khảo, hoặc nếu bạn đã biết cách tự thiết kế UI, bạn có thể yêu cầu bằng cách cung cấp hình ảnh thiết kế đã làm trong Figma, v.v.

Phương pháp

• Chọn một trang web thực tế đã được triển khai mà bạn thích. (ví dụ: linear.app, stripe.com, toss.im, v.v.)
• Hướng dẫn Claude hoặc Grok "Phân tích cấu trúc bố cục, bảng màu, kiểu chữ, lề/khoảng cách và kiểu thành phần của trang web đó và sắp xếp nó vào Design.md."

Ví dụ về lời nhắc

Phân tích thiết kế của https://linear.app và viết một tài liệu Design.md. Bạn phải bao gồm các mục sau: 1. Cấu trúc bố cục tổng thể (Vị trí Header/Sidebar/Body/Footer) 2. Bảng màu (Màu Chính, Phụ, Nền, Văn bản bằng mã HEX) 3. Kiểu chữ (Loại phông chữ, hệ thống kích thước, độ đậm) 4. Quy tắc lề và khoảng cách (thang đo khoảng cách) 5. Kiểu cho các thành phần chính như nút bấm, thẻ và biểu mẫu nhập liệu 6. Hỗ trợ chế độ tối và ánh xạ màu sắc

Mẹo

• Nếu bạn có khiếu thẩm mỹ, vì nội dung Design.md được tạo ra đều được mô tả bằng ngôn ngữ tự nhiên, bạn có thể đọc nó và trực tiếp sửa đổi/tinh chỉnh theo hướng bạn muốn. Tài liệu này trở thành tiêu chuẩn cho tất cả các triển khai UI tiếp theo.
• Nếu bạn chỉ nói "Làm giống trang web này," kết quả sẽ khác nhau mỗi lần. Bạn phải cố định nó bằng một tài liệu để duy trì tính nhất quán.

2. Cây quyết định đề xuất Tech Stack

Xác định stack trước dựa trên loại dịch vụ bạn đang cố gắng tạo.

Nguyên tắc Máy chủ (Backend) Chung

• Phải có thể cài đặt và chạy trực tiếp từ CLI trong bất kỳ môi trường cục bộ nào.
• Ngôn ngữ/môi trường chạy phải là Node.js hoặc Python.
• Sử dụng các công cụ đã được xác minh để triển khai và hỗ trợ ổn định trên tất cả các HĐH cho các gói/môi trường thực thi:
• Python → uv
• Node.js → npm

Tiêu chí lựa chọn Cơ sở dữ liệu

Hướng dẫn chi tiết về lời nhắc (Nếu bạn có kiến thức phát triển)

Dự án này là một ứng dụng web. Cấu hình Frontend với React và có thể kiểm tra ngay lập tức bằng npm run dev trên máy cục bộ, với cấu trúc cho phép triển khai ổn định. Cấu hình Backend với Node.js và vì cần một cơ sở dữ liệu quan hệ, hãy sử dụng MariaDB. Bao gồm một script thiết lập có thể cài đặt/chạy trực tiếp qua CLI trong môi trường phát triển cục bộ. Kiểm tra nội dung này và tài liệu Concept.md để viết một tài liệu ToDo.md cho việc triển khai kỹ thuật chi tiết.

• Tiến hành bằng cách đính kèm tài liệu Concept.md với lời nhắc này hoặc sao chép và dán nội dung của tài liệu Concept.md.

Nhưng nếu tôi là người không phải lập trình viên và không biết những điều trên thì sao?

Chỉ cần đưa ra hướng dẫn tích hợp như thế này:

Tôi không chắc chắn về cách chạy dự án này, vì vậy hãy đề xuất một cách. Đề xuất xem ứng dụng web có tốt hơn không, nếu phương pháp cài đặt HĐH dễ kiểm tra trong quá trình phát triển hơn, hay xây dựng dưới dạng ứng dụng di động tốt hơn. Nếu nó có thể được hiển thị trong trình duyệt web, hãy cấu hình Frontend với React; nếu nó cần được phục vụ dưới dạng ứng dụng di động, hãy cấu hình Frontend với Flutter. Nếu đó là phương pháp cần được cài đặt cục bộ, hãy cấu hình nó bằng npm hoặc uv, có thể dễ dàng triển khai và cài đặt qua CLI. Thiết lập một cấu trúc cho phép triển khai ổn định. Tôi không chắc chắn liệu có cần Backend hay không, nhưng hãy thiết lập một cấu trúc ổn định cho Node.js hoặc triển khai/cài đặt. Nếu cần DB, hãy sử dụng MariaDB nếu cần một cơ sở dữ liệu quan hệ, và nếu chỉ là cơ sở dữ liệu key-value, hãy sử dụng AWS DynamoDB cục bộ để phát triển và cấu hình nó để dễ dàng triển khai lên AWS. Nếu đó là định dạng có thể cài đặt/chạy trực tiếp qua CLI trong môi trường phát triển cục bộ, hãy bao gồm tất cả các script thiết lập. Đề xuất một tech stack chi tiết như vậy, kiểm tra nội dung này và tài liệu Concept.md, và viết một tài liệu ToDo.md cho việc triển khai kỹ thuật chi tiết.

3. Admin Dashboard — Cần thiết nếu có máy chủ

Bạn có thể không biết liệu đó có phải là dịch vụ có máy chủ hay không, nhưng thông thường nên xây dựng một cái để nhà phát triển có thể tự mình nắm bắt trạng thái hoạt động và tiến độ của toàn bộ ứng dụng.

• Các dự án có máy chủ nên bao gồm triển khai một bảng điều khiển Admin như một mặc định.
• Các mục tối thiểu cần có trong bảng điều khiển:
• Kiểm tra tình trạng máy chủ
• Trạng thái dữ liệu chính (các chỉ số cốt lõi như số lượng người đăng ký, số lượng trường hợp đã xử lý, v.v.)
• Lỗi/nhật ký gần đây
• Tiến trình xử lý của các tác vụ chính (batch, hàng đợi, v.v.)

Ví dụ về lời nhắc

Nếu dịch vụ này bao gồm một máy chủ, hãy đưa một bảng điều khiển admin vào kế hoạch phát triển. Bảng điều khiển nên cho phép kiểm tra trạng thái máy chủ, các chỉ số cốt lõi và nhật ký/lỗi gần đây. Đặt tài khoản admin mặc định là 'admin' với mật khẩu '12345' và bao gồm khả năng thay đổi mật khẩu trong bảng điều khiển admin. Kiểm tra ToDo.md và đưa nó vào kế hoạch phát triển nếu thấy cần thiết.

4. Hoàn thiện ToDo.md — Kế hoạch phát triển cấp Module

Cơ sở của lập trình là mô-đun hóa. Nếu bạn thêm nội dung vào ToDo.md để chia nhỏ thành các module trước khi viết code, một kiến trúc tốt cho việc bảo trì trong tương lai có thể được tạo ra.

Ví dụ về lời nhắc

Kiểm tra tài liệu ToDo.md và xác minh xem nó đã được viết tốt theo hướng dẫn bên dưới chưa, đồng thời sửa đổi/bổ sung bất kỳ phần nào còn thiếu. Yêu cầu của ToDo.md: 1. Thiết kế toàn bộ hệ thống được mô-đun hóa với thiết kế hướng đối tượng. 2. Chỉ rõ vai trò, đầu vào/đầu ra và cấu trúc dữ liệu của từng module để đảm bảo đóng gói tối đa. 3. Tạo một chuỗi triển khai dưới dạng danh sách checkbox (bắt đầu từ các module không có phụ thuộc). 4. Bao gồm thiết kế lược đồ DB. 5. Mô tả thời điểm và cách thức những người không chuyên về kỹ thuật có thể dễ dàng kiểm tra.

Các mục cần xác minh trong ToDo.md đã hoàn thành:

1. Tổng quan dự án (một đoạn văn)
2. Tech Stack đã xác nhận (Kết quả của cây quyết định ở bước 2)
3. Danh sách module và thông số kỹ thuật chi tiết cho từng module (Người không chuyên về kỹ thuật có thể thấy khó hiểu)
4. Tên module và vai trò
5. Đầu vào/Đầu ra (Các endpoint API và định dạng yêu cầu/phản hồi)
6. Cấu trúc dữ liệu được sử dụng / Thiết kế bảng DB (hoặc collection)
7. Mối quan hệ phụ thuộc với các module khác
8. Trình tự triển khai (dưới dạng checkbox, theo thứ tự phụ thuộc)
9. Kiểm tra xem mỗi phương pháp kiểm thử có được viết ở mức độ tôi có thể hiểu được không.

Quan trọng

• Bạn không nhất thiết phải tự đọc và xem xét ToDo.md đã tạo. Mặc dù có vẻ như mọi thứ sẽ suôn sẻ nếu bạn chuẩn bị hoàn hảo, nhưng cốt lõi của Vibe Coding là quá trình tạo ra một kết quả trước và sau đó dần dần sửa đổi nó để có được thứ bạn muốn — đó là phần có giá trị và thú vị nhất.

Phần Thực hành: Thiết lập Môi trường → GitHub → Bắt đầu Phát triển với Claude Code

Được viết để ngay cả những người cài đặt công cụ phát triển lần đầu tiên cũng có thể làm theo.

• Tuy nhiên, nếu nó có vẻ quá phức tạp và bạn không biết tại sao nên sử dụng nó và cảm thấy chán chết, vui lòng đi nghe một bài giảng miễn phí tại liên kết bên dưới trước.

https://nomadcoders.co/git-for-beginners

5. Chuẩn bị Môi trường Phát triển (Chỉ cài đặt 2 thứ)

Chúng ta sẽ cài đặt hai thứ.

Và bạn cần một tài khoản GitHub. Đăng ký miễn phí tại https://github.com (hoàn tất xác minh email). Sử dụng Claude Code hoặc Grok Build yêu cầu gói trả phí Claude (Pro/Max/Team) hoặc tài khoản trả phí Grok.

5-1. 🪟 Các bước cài đặt cho người dùng Windows

① Cài đặt Git

1. Truy cập https://git-scm.com/download/win trong trình duyệt → Quá trình tải xuống tự động bắt đầu.
2. Chạy trình cài đặt đã tải xuống.
3. Nhiều tùy chọn cài đặt xuất hiện; chỉ cần tiếp tục nhấp "Next" với tất cả các giá trị mặc định.
4. Tuy nhiên, khi màn hình "Choosing the default editor" xuất hiện, tốt nhất nên chọn "Use Visual Studio Code as Git's default editor" (nếu bạn chưa cài đặt VS Code, mặc định cũng được).
5. Xác minh cài đặt: Chạy PowerShell từ menu Start và gõ:

git --version

→ Nếu một phiên bản như git version 2.xx.x xuất hiện, đó là thành công. Nếu không, hãy thử đóng và mở lại PowerShell.

② Cài đặt VS Code

1. Truy cập https://code.visualstudio.com → Nhấp Download for Windows.
2. Chạy trình cài đặt → Tiếp tục nhấp "Next." Tuy nhiên, hãy đánh dấu hai mục này trong màn hình tùy chọn:
3. "Add to PATH"
4. "Add 'Open with Code' action to file/directory context menus"
5. Chạy VS Code sau khi cài đặt. Nếu thông báo cài đặt gói ngôn ngữ Hàn Quốc xuất hiện trên màn hình đầu tiên, bạn có thể cài đặt nó.

5-2. 🍎 Các bước cài đặt cho người dùng Mac

① Cài đặt Git

1. Mở Terminal: Cmd + Space → Gõ "Terminal" → Enter.
2. Gõ:

git --version

1. Nếu phiên bản xuất hiện ngay lập tức, nó đã được cài đặt → Chuyển sang ②. Nếu cửa sổ bật lên hướng dẫn cài đặt ("Command Line Developer Tools...") xuất hiện, hãy nhấp "Install" và đợi. (Đây là quá trình cài đặt Git).
2. Xác minh lại bằng git --version sau khi hoàn tất.

② Cài đặt VS Code

1. Truy cập https://code.visualstudio.com → Nhấp Download for macOS.
2. Giải nén tệp đã tải xuống và kéo Visual Studio Code.app vào thư mục Applications. (Quan trọng! Đừng sử dụng nó trực tiếp từ thư mục Downloads).
3. Chạy VS Code từ Applications.

5-3. (Chung) Đăng ký Tên của Tôi trong Git — Chỉ lần đầu tiên

Cài đặt này để để lại bản ghi "ai đã làm việc" trong các commit. Trong PowerShell (Windows) hoặc Terminal (Mac):

git config --global user.name "Tên của bạn" git config --global user.email "email-github-của-bạn@example.com"

Nhập cùng email bạn đã sử dụng để đăng ký GitHub.

6. Tạo GitHub Repository và Kết nối với PC của Tôi bằng VS Code

Hãy nghĩ về "Repository" như một thư mục đám mây chứa một dự án. Luồng công việc là: Tạo một repository trống trên trang web GitHub → Clone nó về PC của tôi bằng VS Code → Tải lên các tài liệu lập kế hoạch → Kết nối repository đó với Claude Code web.

6-1. Tạo Repository trên Trang web GitHub

1. Đăng nhập vào https://github.comhttps://github.com/).
2. Nhấp vào nút + ở góc trên bên phải → New repository.
3. Nhập như sau:
4. Repository name: Tên dự án (Tiếng Anh, dùng dấu gạch ngang thay cho khoảng trắng. ví dụ: my-first-app)
5. Chọn Private (Các dự án công ty phải là Private!)
6. Đánh dấu vào ô "Add a README file" ✅ ← Người mới bắt đầu phải đánh dấu cái này. Điều này làm cho bước tiếp theo (clone) đơn giản hơn.
7. Nhấp Create repository.
8. Trên trang repository đã tạo, nhấp vào nút <> Code màu xanh lá cây → Sao chép địa chỉ trong tab HTTPS.

6-2. Clone về PC của Tôi bằng VS Code

1. Chạy VS Code.
2. Ctrl + Shift + P (Cmd + Shift + P trên Mac) → Command palette mở ra.
3. Gõ clone → Chọn "Git: Clone".
4. Dán địa chỉ repository đã sao chép và nhấn Enter.
5. Bạn cũng có thể chọn "Clone from GitHub" → Nếu trình duyệt mở ra và yêu cầu đăng nhập/ủy quyền GitHub, hãy chấp thuận. (Chỉ lần đầu tiên).
6. Chọn vị trí để lưu dự án (ví dụ: tốt nhất nên tạo một thư mục Documents/Projects).
7. Khi quá trình clone kết thúc, thông báo "Open" xuất hiện ở góc dưới bên phải → Nhấp vào nó.
8. Nếu bạn thấy README.md trong trình khám phá tệp ở bên trái, thành công! 🎉 Thư mục này bây giờ là thư mục làm việc được kết nối giữa PC của tôi và GitHub.

6-3. Tải lên Tài liệu Lập kế hoạch — Concept.md, Design.md, ToDo.md

Claude Code web có thể đọc các tệp bên trong repository. Vì vậy, đặt các tài liệu lập kế hoạch vào repository cũng giống như "tải lên tài liệu."

1. Nhấp chuột phải vào một khoảng trống trong trình khám phá tệp của VS Code → New File → Nhập tên Concept.md.
2. Dán mô tả ứng dụng bạn đã chuẩn bị và lưu (Ctrl+S / Cmd+S).
3. Tạo và chèn các tệp Design.md (nếu có UI) và ToDo.md theo cách tương tự.
4. Bây giờ tải lên GitHub (commit & push) — sử dụng phương pháp trong 6-4.

6-4. Commit và Push trong VS Code — Chỉ dùng Chuột

1. Khi bạn lưu một tệp, một huy hiệu số xuất hiện trên biểu tượng hình nhánh cây (Source Control) ở bên trái VS Code.
2. Nhấp vào biểu tượng đó → Bạn sẽ thấy danh sách các tệp đã thay đổi.
3. Trong hộp nhập tin nhắn ở trên cùng, viết một dòng về những gì bạn đã làm. (ví dụ: Đã thêm tài liệu lập kế hoạch).
4. Nhấp vào nút ✔ Commit → Lưu hoàn tất trên PC của tôi.
5. Nếu cửa sổ bật lên "There are no staged changes" xuất hiện, hãy nhấp "Yes" để commit tất cả.
6. Sau đó nhấp vào nút Sync Changes → Tải lên (push) lên GitHub hoàn tất.
7. Làm mới repository trên trang web GitHub để thấy Concept.md bạn vừa tải lên. Bây giờ Claude Code web cũng có thể đọc tài liệu này.

Pulling (tải xuống) cũng được thực hiện trên cùng một màn hình: Nếu có các thay đổi mà Claude đã tải lên trên đám mây, nút Sync Changes sẽ xử lý cả việc tải xuống và tải lên.

7. Kết nối Repository với Claude Code Web và Bắt đầu Phát triển

Bây giờ mở Claude Code web trong trình duyệt của bạn và kết nối GitHub repository bạn vừa tạo.

7-1. Kết nối Claude Code Web ↔ GitHub Repository (Chỉ lần đầu tiên)

1. Truy cập https://claude.ai/code → Đăng nhập bằng tài khoản Claude của bạn.
2. Khi bạn truy cập lần đầu tiên, hướng dẫn Connect GitHub xuất hiện → Làm theo hướng dẫn.
3. Bạn sẽ được chuyển đến trang GitHub và màn hình cài đặt Claude GitHub App xuất hiện:
4. Chọn tài khoản GitHub của bạn (hoặc tổ chức).
5. Chọn phạm vi truy cập: Nên chọn "Only select repositories" và chỉ định repository đã tạo ở 6-1.
6. Nhấp Install / Authorize.
7. Quay lại Claude, kết nối hoàn tất. Nếu màn hình cài đặt Môi trường xuất hiện, hãy để nó ở Default.
8. Khi bắt đầu một phiên (task) mới, hãy chọn repository của bạn từ danh sách chọn repository, nhập lời nhắc và task bắt đầu.

7-2. Hiểu cách hoạt động của Claude Code và Grok Build Web (Quan trọng!)

Claude Code và Grok Build web hoạt động trên một máy tính ảo trên đám mây, không phải trên PC của tôi. Luồng công việc là:

① Tôi nhập lời nhắc

↓

② Claude Code/Grok Build clone repository của tôi trên đám mây và viết code

↓

③ Đẩy kết quả lên GitHub dưới dạng "nhánh task mới"

↓

④ Tôi kéo nhánh đó về PC của mình để kiểm tra hoặc kiểm tra các thay đổi qua Pull Request trên GitHub

↓

⑤ Nếu tôi thích nó, hợp nhất vào main.

• Vì nó luôn tải kết quả lên một nhánh mới mà không chạm vào nhánh main trực tiếp, không có lo lắng về việc code hiện có bị hỏng. (Grok Build hoạt động trên nhánh main nhưng có thể hoàn tác, vì vậy đừng lo lắng về sai lầm).

7-4. Lời nhắc Bắt đầu Phát triển

Khi ba tài liệu (Concept.md / Design.md / ToDo.md) đã sẵn sàng trong main, cuối cùng hãy bắt đầu phát triển trong một phiên mới.

Phát triển dự án này. Tiến hành dựa trên các tài liệu sau trong repository: - Concept.md: Mô tả ứng dụng cần tạo - ToDo.md: Kế hoạch phát triển cấp module (triển khai theo thứ tự này) - Design.md: Tiêu chuẩn thiết kế (tất cả UI tuân theo tài liệu này)

Quy tắc làm việc: 1. Tiến hành từng module một theo thứ tự triển khai trong ToDo.md. 2. Khi một đơn vị có thể kiểm tra được hoàn thành, hãy cho tôi biết cách chạy/kiểm tra nó trên PC cục bộ của tôi qua README hoặc phản hồi. Vì tôi là người không phải lập trình viên, hãy giải thích tốt như đang dạy một người mới bắt đầu. 3. Đánh dấu các mục đã hoàn thành bằng dấu kiểm trong ToDo.md. 4. Cho tôi biết tên nhánh task và push với một thông điệp commit dễ nhớ. 5. Nếu có phần không rõ ràng, đừng đoán; hãy hỏi tôi.

7-5. Chu kỳ lặp lại trong quá trình Phát triển

① Web Claude Code triển khai một module trong một nhánh task → push

↓

② Kéo nhánh task đó về PC của tôi (VS Code) và chạy/kiểm tra trực tiếp

↓

③ Nếu có vấn đề → Sao chép toàn bộ thông báo lỗi và dán nó vào phiên web

Nếu không có vấn đề → "Tốt, tiếp tục với phát triển tiếp theo"

↓

Quay lại ① cho module tiếp theo

↓

④ Khi tất cả các tính năng đã hoàn thành và kiểm thử đã qua

→ Hợp nhất vào nhánh main qua Pull Request

→ Triển khai luôn dựa trên main

8. Branch — Kiểm thử trong các Task Branch và Hợp nhất vào main để Triển khai

8-1. Branch là gì?

• main branch = Màn hình sản phẩm hoàn thiện luôn hoạt động tốt. Triển khai luôn dựa trên main.
• Task branch (ví dụ: claude/feature-login) = Công trường xây dựng được tạo bằng cách sao chép main. Bạn có thể xây dựng và phá vỡ mọi thứ ở đây tùy thích; main an toàn.

Claude Code web luôn tạo một task branch mới và đẩy kết quả. Vì vậy, chỉ có ba điều bạn cần biết:

1. Cách kiểm tra xem thư mục của tôi hiện đang ở branch nào.
2. Cách kéo task branch do Claude đẩy về PC của tôi để kiểm tra.
3. Cách hợp nhất vào main và triển khai khi hoàn tất.

8-2. Kiểm tra Bạn đang ở Branch nào

• Nhìn vào thanh trạng thái ở dưới cùng bên trái của màn hình VS Code. Tên branch được hiển thị bên cạnh biểu tượng branch. (ví dụ: main hoặc claude/feature-login).

8-3. Kéo các Task Branch do Claude Code/Grok Build Tạo về PC của Tôi để Kiểm tra

Khi web Claude Code nói "Tôi đã push lên branch OO," hãy đưa branch đó về PC của tôi để kiểm tra. Grok Build có nút 'Push to Github' ở góc trên bên phải màn hình web, vì vậy hãy nhấn nút này để push.

Với VS Code (Chỉ dùng Chuột):

1. Nhấp vào tên branch ở góc dưới bên trái → Danh sách branch mở ra.
2. Nếu branch mới không hiển thị, hãy chạy ... menu → Fetch trong tab Source Control và thử lại.
3. Chọn task branch của Claude bắt đầu bằng origin/claude/... từ danh sách → Thư mục của bạn thay đổi sang trạng thái của branch đó.

8-4. Hợp nhất vào main Khi Hoàn tất — Pull Request

Nếu các tính năng đã hoàn thành và kiểm thử đã qua trong task branch, hãy hợp nhất vào main qua Pull Request (PR) trên trang web GitHub.

1. Truy cập repository của bạn trên GitHub → Nhấp vào tab Pull requests.
2. Nhấp vào PR mà Claude đã tạo. Nếu không có, New pull request → base: main, compare: chọn task branch → Create pull request.
3. Nhấp Merge pull request → Confirm merge → Đã phản ánh vào main!
4. Cập nhật main trên PC của bạn lên phiên bản mới nhất:
5. Nhấp vào branch ở góc dưới bên trái của VS Code → Chọn main → Sync Changes trong tab Source Control.

9. Mẹo về Lời nhắc (Chung)

Chất lượng của Vibe Coding tỷ lệ thuận với chất lượng của các lời nhắc.

1. Chỉ rõ những gì KHÔNG nên làm — "Đừng sửa đổi code tùy tiện cho đến khi tôi chấp thuận," "Đừng thêm thư viện, chỉ sử dụng stack hiện có."
2. Một module tại một thời điểm — Chất lượng giảm nếu bạn yêu cầu toàn bộ ứng dụng trong một lời nhắc. Hãy yêu cầu từng phần nhỏ theo thứ tự ToDo.md.
3. Dán lỗi nguyên văn — Đừng tóm tắt thông báo lỗi; hãy sao chép toàn bộ đầu ra của terminal.
4. Để Claude hỏi nếu có điều gì mơ hồ — Bao gồm "Nếu có phần không rõ ràng, đừng đoán; hãy hỏi tôi" trong lời nhắc.
5. Giao tiếp dựa trên tài liệu — "Như tôi đã nói trước đó" ❌ → "Theo thiết kế trong Design.md" ✅. Các tài liệu trong repository ổn định hơn nhiều so với bộ nhớ hội thoại.

Kết thúc.

Như Morpheus cổ xưa đã nói:

"Neo. Ta chỉ có thể chỉ cho ngươi cánh cửa. Ngươi là người phải bước qua nó."