Claude Code là gì? Cách mình dùng Claude Code để làm website

Claude Code là gì và cách dùng Claude Code để làm website
Nội dung
  1. 1. Claude Code khác gì ChatGPT hay Claude trên web?
  2. 2. Claude Code chạy ở đâu?
  3. 3. Claude Code làm việc như thế nào?
    1. 3.1. File CLAUDE.md: "nội quy" của dự án
    2. 3.2. Kết nối công cụ khác qua MCP
  4. 4. Mình dùng Claude Code để làm gì khi làm website?
  5. 5. Những điều cần lưu ý
  6. 6. Có cần biết lập trình để dùng Claude Code không?
  7. 7. Kết luận

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:

  1. 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."
  2. Claude Code đọc dự án: xem cấu trúc thư mục, các trang đã có, file cấu hình.
  3. Lên kế hoạch: liệt kê các file sẽ tạo và sửa.
  4. 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.
  5. Kiểm tra: build lỗi thì tự đọc lỗi và sửa, chạy lại đến khi đạt.
  6. 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.

Tài Đặng

Tài Đặng

Mình là Tài, hiện đang làm việc tại Agency tại Hà Nội. Công việc chính của mình là Thiết kế website, quảng cáo, tư vấn chuyển đổi số. Với 3 năm kinh nghiệm trong ngành mình có đủ năng lực và kỹ năng chuyên môn để giúp doanh nghiệp SME và tổ chức xây dựng nền tảng truyền thông trên online.

Website