Nội dung
Claude Code là một AI agent lập trình do Anthropic phát triển. Khác với chatbot chỉ trả lời câu hỏi, Claude Code làm việc trực tiếp trong thư mục dự án của bạn: đọc mã nguồn, tạo và sửa file, chạy lệnh build, chạy test, dùng Git. Bạn giao việc bằng tiếng Việt bình thường, nó tự lên kế hoạch và làm từng bước, hỏi lại khi cần quyền.
Từ 2025, mình chuyển gần như toàn bộ việc dựng website sang làm cùng Claude Code. Chính website bạn đang đọc cũng được chuyển từ WordPress sang Next.js bằng công cụ này. Bài viết giải thích Claude Code là gì, hoạt động ra sao và mình dùng nó vào những việc gì.
Claude Code khác gì ChatGPT hay Claude trên web?
Khi hỏi một chatbot "viết giúp tôi trang liên hệ", bạn nhận về một đoạn code. Việc còn lại là của bạn: chép vào đúng file, sửa cho khớp dự án, chạy thử, sửa lỗi, hỏi lại.
Claude Code làm cả vòng đó:
| Chatbot thông thường | Claude Code | |
|---|---|---|
| Biết dự án của bạn | Chỉ biết những gì bạn dán vào | Tự đọc cả thư mục dự án |
| Sửa file | Bạn tự chép | Tự sửa trực tiếp |
| Chạy lệnh (build, test) | Không | Có, khi được cho phép |
| Sửa lỗi | Bạn dán lỗi vào hỏi lại | Tự đọc lỗi và sửa tiếp |
| Làm việc nhiều bước | Từng câu một | Tự chia việc, làm tuần tự |
Nói ngắn gọn: chatbot là người tư vấn, Claude Code là người làm cùng bạn trên máy.
Claude Code chạy ở đâu?
Bạn có thể dùng Claude Code ở nhiều nơi, tùy thói quen:
- Terminal (dòng lệnh): cách dùng gốc, mạnh nhất với người quen gõ lệnh.
- Trong VS Code hoặc JetBrains: dùng ngay trong trình soạn code.
- Ứng dụng desktop và bản web: giao diện trò chuyện, hợp với người không quen terminal. Bản web chạy trên máy chủ đám mây, kết nối với kho GitHub.
Claude Code dùng được với gói trả phí của Claude hoặc tính tiền theo API. Giá và giới hạn thay đổi theo thời gian, bạn nên xem trang chính thức của Anthropic trước khi đăng ký.
Claude Code làm việc như thế nào?
Một phiên làm việc điển hình của mình:
- Giao việc: "Thêm trang Liên hệ có form gửi email, chống spam bằng Turnstile, giữ đúng màu và font của site."
- Claude Code đọc dự án: xem cấu trúc thư mục, các trang đã có, file cấu hình.
- Lên kế hoạch: liệt kê các file sẽ tạo và sửa.
- Làm và hỏi quyền: sửa file, chạy
npm run build. Mặc định nó hỏi trước khi làm việc có rủi ro, bạn chọn cho phép hay không. - Kiểm tra: build lỗi thì tự đọc lỗi và sửa, chạy lại đến khi đạt.
- Báo cáo: tóm tắt đã làm gì, còn gì cần bạn quyết.
File CLAUDE.md: "nội quy" của dự án
Trong mỗi dự án, mình đặt một file CLAUDE.md ghi những quy tắc Claude Code phải theo: trả lời bằng tiếng Việt, không đưa mật khẩu vào mã nguồn, không đổi đường dẫn cũ của website, ảnh chỉ nén một lần. Claude Code đọc file này ở đầu mỗi phiên, nên mình không phải nhắc lại.
Đây là mẹo quan trọng nhất khi dùng AI agent: những gì bạn không viết ra, nó sẽ tự đoán.
Kết nối công cụ khác qua MCP
Claude Code có thể kết nối thêm công cụ qua MCP (Model Context Protocol): GitHub để mở Pull Request, Canva để làm ảnh, Figma để đọc thiết kế, và nhiều dịch vụ khác. Ví dụ, ảnh đại diện của bài này được làm từ mẫu Canva có sẵn của mình, qua kết nối Canva.
Mình dùng Claude Code để làm gì khi làm website?
- Dựng bản demo từ thiết kế Figma: từ file thiết kế đến trang chạy thật trong thời gian ngắn hơn nhiều so với dựng tay.
- Chuyển đổi dữ liệu: đọc file xuất của WordPress, chuyển thành Markdown, giữ ngày đăng và mô tả SEO.
- Việc lặp lại: viết hàng chục quy tắc chuyển hướng 301, thêm mô tả ảnh, kiểm tra link hỏng.
- Cấu hình triển khai: GitHub Actions, Firebase Hosting, Cloud Function cho form liên hệ.
- Viết nháp nội dung: khung bài, bảng so sánh, sau đó mình sửa giọng và thêm trải nghiệm.
Những điều cần lưu ý
- Bạn vẫn là người chịu trách nhiệm. Claude Code làm nhanh, nhưng quyết định sản phẩm, kiểm tra giao diện và các bước không quay lại được (đổi DNS, xóa máy chủ) nên do người làm.
- Đừng đưa mật khẩu, khóa API vào chat hay mã nguồn. Dùng nơi lưu bí mật như GitHub Secrets hoặc Secret Manager.
- Đọc lại thay đổi trước khi đưa lên. Mình luôn làm qua Pull Request và xem link xem thử trước khi merge.
- Yêu cầu càng rõ, kết quả càng đúng. Nêu điều kiện, giới hạn và kết quả mong muốn ngay từ đầu.
Có cần biết lập trình để dùng Claude Code không?
Không bắt buộc, nhưng có nền tảng thì đi xa hơn nhiều. Mình học marketing, không xuất thân lập trình viên, và những năm làm WordPress giúp mình hiểu website gồm những phần nào. Với Claude Code, phần hiểu đó quan trọng hơn việc nhớ cú pháp: bạn cần biết mình muốn gì và kiểm tra được kết quả có đúng không.
Kết luận
Claude Code là AI agent làm việc trực tiếp trên dự án của bạn, không chỉ đưa lời khuyên. Với người làm website, nó rút ngắn rất nhiều phần việc dựng và lặp lại, để thời gian dành cho thiết kế, nội dung và quyết định.
Nếu bạn muốn làm website theo cách này hoặc cần người dựng giúp, nhắn cho mình. Bạn có thể xem thêm các dự án mình đã làm.
