Hướng dẫn AI

Vibe coding là gì? Làm web, công cụ nhỏ với Claude không cần biết code (2026)

Vibe coding với Claude

Bạn có ý tưởng cho một trang bán hàng, một công cụ tính giá hay một bảng theo dõi kho, nhưng không biết lập trình và cũng không muốn thuê dev cho việc nhỏ? Vibe coding là cách làm phần mềm bằng cách mô tả bằng lời, để AI viết code, rồi bạn xem kết quả và yêu cầu sửa tiếp. Bài này giải thích vibe coding là gì, làm thử với Claude từ bản miễn phí, khi nào cần Claude Code, và những giới hạn bạn cần biết trước khi đưa sản phẩm cho khách dùng thật.

Bài viết không chứa liên kết affiliate tới Anthropic. Một số liên kết khác trên Funova là liên kết affiliate, BizMate có thể nhận hoa hồng nếu bạn đăng ký qua đó, bạn không mất thêm chi phí. Giá cập nhật 10/2026, bạn nên kiểm tra lại trên trang chính thức.

Tóm tắt nhanh

  • Vibe coding = mô tả điều bạn muốn bằng ngôn ngữ thường, AI viết code, bạn thử rồi góp ý tiếp. Bạn đóng vai người đặt hàng và kiểm tra, không cần tự viết code.
  • Bắt đầu miễn phí: Claude bản Free đã có Artifacts, tạo và xem trước trang web, công cụ nhỏ ngay trong khung chat.
  • Claude Pro ($20/tháng, hoặc $17/tháng nếu trả năm) mở Claude Code, Projects và nhiều lượt dùng hơn, phù hợp khi bạn làm dự án nhiều file, cần chạy trên máy hoặc đưa lên mạng.
  • Phù hợp nhất cho: landing page, form tính giá, công cụ nội bộ nhỏ, script tự động hoá Google Sheets, bản mẫu (prototype) để trình bày ý tưởng.
  • Cẩn thận với: thanh toán, dữ liệu khách hàng, đăng nhập. Phần này cần người có chuyên môn kiểm tra trước khi chạy thật.

Vibe coding là gì?

Thuật ngữ “vibe coding” phổ biến từ năm 2025 để chỉ cách lập trình mà người làm gần như không đọc code: bạn nói với AI “làm cho tôi trang giới thiệu quán cà phê, tông màu nâu, có menu và nút gọi điện”, AI viết toàn bộ, bạn xem kết quả, rồi nói tiếp “chữ to hơn, thêm bản đồ, đổi nút sang màu xanh”. Vòng lặp mô tả, xem, sửa cứ thế tiếp tục cho tới khi ưng ý.

Với chủ doanh nghiệp nhỏ và dân văn phòng, điều này nghĩa là những công cụ trước đây phải thuê người làm vài triệu đồng, giờ bạn có thể tự làm bản đầu tiên trong một buổi chiều. Tuy vậy, vibe coding không thay thế lập trình viên cho hệ thống lớn, nhiều người dùng, có thanh toán hay dữ liệu nhạy cảm.

Claude có những gói nào? (cập nhật 10/2026)

Gói Giá Dùng cho vibe coding Phù hợp với
Free $0 Chat trên web, máy tính và điện thoại, Artifacts (xem trước trang web, ứng dụng nhỏ), tìm web, tạo file, chạy code Thử ý tưởng, làm trang 1 file, công cụ nhỏ
Pro $20/tháng, hoặc $17/tháng nếu trả năm Ít nhất gấp 5 lần lượt dùng của Free mỗi phiên 5 giờ, Claude Code, Projects, Claude Design, thêm mô hình, tiện ích Chrome Người làm thường xuyên, dự án nhiều file
Max Từ $100/tháng Gấp 5 hoặc 20 lần lượt dùng của Pro, ưu tiên khi đông người dùng, tính năng mới sớm Người code với AI cả ngày

Mọi gói đều có giới hạn lượt dùng làm mới theo phiên 5 giờ, gói trả phí có thêm giới hạn theo tuần. Claude Code dùng chung hạn mức với chat. Claude hỗ trợ người dùng tại Việt Nam, thanh toán bằng đô la Mỹ qua thẻ quốc tế. Nếu thẻ của bạn bị từ chối, xem cách thanh toán công cụ AI bằng thẻ Việt Nam.

Làm thử: trang giới thiệu sản phẩm trong 20 phút với Claude bản miễn phí

  1. Mở claude.ai, đăng nhập và bắt đầu cuộc trò chuyện mới.
  2. Mô tả rõ sản phẩm và người xem. Ví dụ: “Tạo landing page 1 file HTML cho tiệm bánh mì Hạnh ở Đà Nẵng. Khách là dân văn phòng đặt bánh buổi sáng. Có: tiêu đề nổi bật, 4 món bán chạy kèm giá, khung giờ giao, nút gọi điện và nút nhắn Zalo, phần đánh giá khách hàng (để trống cho tôi điền). Tông màu vàng ấm, chữ dễ đọc trên điện thoại. Viết tiếng Việt.”
  3. Xem kết quả trong Artifact hiện bên phải. Thử trên chế độ điện thoại nếu có.
  4. Yêu cầu sửa từng điểm một: “Ảnh món ăn để khung trống có ghi chú kích thước”, “Nút Zalo cố định ở góc dưới khi cuộn”, “Thêm phần câu hỏi thường gặp”. Sửa từng điểm nhỏ cho kết quả ổn định hơn là yêu cầu 10 thứ một lúc.
  5. Tải file về và đưa lên hosting, hoặc dán vào trình tạo trang có hỗ trợ HTML. Thay ảnh, số điện thoại thật trước khi chia sẻ.

Bộ prompt Claude & vibe coding tiếng Việt của Funova có sẵn mẫu cho landing page, công cụ tính giá, bảng theo dõi, mỗi mẫu có chỗ điền thông tin của bạn.

Khi nào cần Claude Code?

Claude Code là trợ lý lập trình của Anthropic chạy trên máy tính của bạn (giao diện dòng lệnh, ứng dụng máy tính) hoặc trên web, có trong mọi gói trả phí. Khác với Artifacts chỉ làm việc trong khung chat, Claude Code đọc và sửa cả thư mục dự án, chạy lệnh, cài thư viện, kiểm thử. Bạn nên chuyển sang Claude Code khi:

  • Dự án có nhiều trang, nhiều file, cần lưu dữ liệu (ví dụ công cụ quản lý kho có đăng nhập).
  • Bạn muốn sửa một website có sẵn thay vì làm mới từ đầu.
  • Bạn cần chạy tự động định kỳ, kết nối API, xử lý file lớn trên máy.

Kênh BizMate AI có video Học vibe coding cùng chuyên gia Claude (Việt hoá), là video được xem nhiều nhất kênh, phù hợp để xem cách người làm chuyên nghiệp giao việc cho AI.

6 dự án vibe coding hợp với doanh nghiệp nhỏ

  • Landing page cho sản phẩm mới, sự kiện, khoá học.
  • Công cụ tính giá: khách chọn kích thước, chất liệu, số lượng, trang tự tính tiền và tạo tin nhắn Zalo đặt hàng.
  • Bảng theo dõi kho hoặc mini CRM dùng nội bộ, lưu trên Google Sheets.
  • Script Google Sheets: tự gửi email nhắc công nợ, gộp báo cáo từ nhiều sheet.
  • Trang trắc nghiệm để thu lead: “Da bạn thuộc loại nào?” rồi gợi ý sản phẩm.
  • Bản mẫu ứng dụng để trình bày ý tưởng với đối tác, nhà đầu tư hoặc đội dev trước khi làm thật.

5 nguyên tắc để vibe coding không “toang”

  1. Mô tả người dùng và mục tiêu trước, giao diện sau. AI làm tốt hơn khi biết trang này cho ai và để làm gì.
  2. Sửa từng bước nhỏ, lưu lại bản chạy được. Nếu bản mới hỏng, quay về bản trước thay vì sửa chồng lên.
  3. Khi gặp lỗi, dán nguyên văn thông báo lỗi cho AI và mô tả bạn đã làm gì trước đó.
  4. Không đưa mật khẩu, khoá API, dữ liệu khách thật vào khung chat.
  5. Nhờ người có chuyên môn kiểm tra trước khi công cụ xử lý tiền, dữ liệu cá nhân hoặc có nhiều người dùng.

Claude, ChatGPT hay Google AI Studio để vibe coding?

Cả ba đều làm được trang web và công cụ nhỏ. Claude mạnh ở việc viết code gọn, giao diện đẹp và Claude Code cho dự án lớn hơn. Google AI Studio miễn phí và tạo ứng dụng chạy thử nhanh, phù hợp nếu bạn đã quen hệ sinh thái Google. ChatGPT tiện nếu bạn đang trả tiền gói Plus. Cách thực tế là làm thử cùng một yêu cầu trên hai công cụ và chọn bản ưng ý hơn.

Đọc thêm: Claude Cowork cho doanh nghiệp · Làm web xong thì lên Google thế nào: top 10 công cụ AI tối ưu SEO

Câu hỏi thường gặp

Không biết gì về code có vibe coding được không?

Được với dự án nhỏ như landing page, công cụ tính toán, bảng theo dõi. Bạn cần mô tả rõ ràng và kiên nhẫn thử, sửa. Biết thêm khái niệm cơ bản (HTML là gì, hosting là gì) sẽ giúp bạn đi nhanh hơn nhiều.

Claude miễn phí có làm được web không?

Có. Claude bản Free có Artifacts để tạo và xem trước trang web, ứng dụng nhỏ ngay trong khung chat, với giới hạn lượt dùng theo phiên 5 giờ. Claude Code chỉ có trong gói trả phí.

Claude Pro giá bao nhiêu ở Việt Nam?

Claude Pro giá $20/tháng, hoặc $17/tháng nếu trả theo năm ($200/năm), thanh toán bằng đô la Mỹ. Anthropic chưa có bảng giá riêng bằng tiền Việt.

Code do AI viết có dùng cho khách thật được không?

Với trang giới thiệu và công cụ không xử lý dữ liệu nhạy cảm, thường dùng được sau khi bạn kiểm tra kỹ trên điện thoại và máy tính. Với thanh toán, đăng nhập, dữ liệu khách hàng, hãy nhờ lập trình viên rà soát bảo mật trước.

Học vibe coding cùng cộng đồng

Xem các video Claude, Codex và AI Studio trên trang video BizMate, lấy prompt mẫu ở thư viện prompt Claude, và hỏi khi bị kẹt trong cộng đồng BizMate AI miễn phí.

BizMate AI

Đội ngũ kênh BizMate AI dùng AI hằng ngày để làm video và tự động hoá công việc, rồi đánh giá công cụ theo tiêu chí rõ ràng cho người Việt. Cách chúng tôi review.

Lên đầu trang