Nhiều người lần đầu thử Vibe Coding thường khá bất ngờ vì AI có thể tạo ra một website hoặc ứng dụng chỉ sau vài câu mô tả. Nhưng khi bắt đầu chỉnh sửa, mọi chuyện đôi khi không còn đơn giản như vậy. Bạn chỉ muốn đổi một chi tiết nhỏ, AI lại thay đổi cả bố cục. Sửa được lỗi này thì lỗi khác xuất hiện, khiến bạn phải thử đi thử lại nhiều lần mà sản phẩm vẫn chưa như ý.

Thực tế, để Vibe Coding hiệu quả, bạn không chỉ cần một công cụ AI tốt mà còn phải biết cách giao việc, cung cấp đủ thông tin và kiểm tra kết quả sau mỗi lần chỉnh sửa. Trong bài viết này, chúng ta sẽ tìm hiểu những cách làm giúp AI hiểu đúng yêu cầu, hạn chế lỗi phát sinh và tiết kiệm thời gian hoàn thiện sản phẩm.

Nếu chưa biết Vibe Coding là gì, bạn có thể đọc trước bài Vibe Coding là gì? Có nên dùng để tạo website, ứng dụng?. Còn nếu chưa biết nên chuẩn bị những gì và chọn công cụ nào, hãy tham khảo hướng dẫn Vibe Coding cho người mới trước khi bắt đầu thực hành.

Vì sao Vibe Coding mãi không ra kết quả như mong muốn?

Vì sao Vibe Coding mãi không ra kết quả như mong muốn?


Khi sử dụng Vibe Coding, bạn có thể gặp một số tình huống khá quen thuộc: yêu cầu AI làm theo cách này nhưng kết quả lại đi theo hướng khác; chỉ muốn sửa một chi tiết nhưng giao diện thay đổi hàng loạt; vừa sửa xong lỗi cũ thì lỗi mới xuất hiện. Đôi khi, mã nguồn ngày càng phức tạp sau nhiều lần chỉnh sửa, trong khi giao diện nhìn có vẻ ổn nhưng các nút bấm hoặc chức năng bên trong lại không hoạt động.

Những vấn đề này không nhất thiết có nghĩa là AI hoạt động kém. Nguyên nhân có thể đến từ việc bạn mô tả yêu cầu chưa đủ rõ, AI không có đầy đủ bối cảnh dự án hoặc bạn chưa kiểm tra kỹ sau mỗi lần thay đổi.

Chẳng hạn, nếu bạn chỉ yêu cầu "làm giao diện đẹp hơn", AI sẽ phải tự suy đoán thế nào là đẹp. Công cụ có thể thay đổi màu sắc, font chữ, khoảng cách hoặc bố cục theo cách mà bạn không mong muốn. Tương tự, khi yêu cầu sửa một chức năng mà không nói rõ những phần nào cần giữ nguyên, AI có thể vô tình tác động đến các thành phần khác.

Vì vậy, muốn Vibe Coding hiệu quả hơn, bạn cần làm rõ yêu cầu ngay từ đầu, chia nhỏ công việc và duy trì thói quen kiểm tra kết quả. Đây là những việc tưởng chừng đơn giản nhưng có thể giúp giảm đáng kể số lần chỉnh sửa không cần thiết.

Xác định rõ yêu cầu trước khi yêu cầu AI viết code

Xác định rõ yêu cầu trước khi yêu cầu AI viết code


Trước khi yêu cầu AI tạo mới hoặc chỉnh sửa sản phẩm, hãy dành thời gian xác định chính xác điều bạn muốn. Bạn không cần viết một bản đặc tả kỹ thuật phức tạp, nhưng ít nhất nên làm rõ những điểm sau:

  • Xác định website hoặc ứng dụng cần giải quyết vấn đề gì và phục vụ đối tượng nào.
  • Chia yêu cầu thành những chức năng nhỏ để dễ triển khai và kiểm tra.
  • Mô tả kết quả mong muốn thay vì chỉ đưa ra những nhận xét chung chung.
  • Nêu rõ những phần AI được phép thay đổi và những phần phải giữ nguyên.
  • Cung cấp ảnh chụp màn hình hoặc ví dụ tham khảo khi cần mô tả giao diện cụ thể.

Ví dụ, nếu muốn cải thiện giao diện trang chủ, đừng chỉ nói "làm giao diện đẹp hơn". Hãy xác định khu vực cần chỉnh sửa, màu sắc muốn sử dụng, khoảng cách cần điều chỉnh và những thành phần phải được giữ nguyên.

Khi yêu cầu đã rõ ràng, AI sẽ có cơ sở tốt hơn để thực hiện đúng ý bạn. Đồng thời, bạn cũng dễ đối chiếu kết quả sau khi hoàn thành, thay vì phải đánh giá dựa trên cảm giác chung chung.

Viết prompt để AI hiểu đúng và không tự ý làm thêm

Viết prompt để AI hiểu đúng và không tự ý làm thêm


Prompt là nội dung bạn gửi cho AI để mô tả nhiệm vụ cần thực hiện. Một prompt hiệu quả không nhất thiết phải dài, nhưng cần cung cấp đủ bối cảnh, yêu cầu cụ thể và giới hạn cần tuân thủ.

Khi viết prompt cho Vibe Coding, bạn nên chú ý một số điểm sau:

  • Cung cấp bối cảnh dự án: Giải thích ngắn gọn sản phẩm đang làm là gì, chức năng hiện có ra sao và bạn đang muốn cải thiện phần nào.
  • Mỗi lần ưu tiên một nhiệm vụ chính: Chẳng hạn, chỉ yêu cầu chỉnh sửa giao diện phần đầu trang trước, sau khi kiểm tra ổn mới chuyển sang phần tiếp theo.
  • Nêu rõ yêu cầu, giới hạn và tiêu chí hoàn thành: Đừng chỉ nói cần thay đổi điều gì, hãy nói thêm những phần nào không được ảnh hưởng và kết quả như thế nào thì được xem là đạt yêu cầu.
  • Yêu cầu AI hỏi lại khi thiếu thông tin: Nếu một chi tiết quan trọng chưa rõ, hãy yêu cầu AI xác nhận thay vì tự suy đoán.
  • Tránh những yêu cầu mâu thuẫn: Ví dụ, không nên vừa yêu cầu giữ nguyên bố cục vừa yêu cầu sắp xếp lại toàn bộ các thành phần nếu chưa giải thích rõ phạm vi thay đổi.

Để dễ hình dung, hãy so sánh hai cách viết prompt dưới đây.

Prompt chưa hiệu quả

Hãy sửa giao diện trang chủ cho đẹp hơn, hiện đại hơn.

Vấn đề: "Đẹp hơn" và "hiện đại hơn" là những mô tả khá mơ hồ. AI phải tự quyết định nên thay đổi những gì, từ màu sắc, font chữ đến bố cục. Vì vậy, kết quả có thể khác xa mong muốn ban đầu, thậm chí làm thay đổi cả những phần bạn đang hài lòng.

Prompt cụ thể hơn

Hãy chỉ chỉnh sửa khu vực Hero ở đầu trang chủ. Giữ nguyên header, footer, cấu trúc các section, màu thương hiệu và toàn bộ chức năng hiện có. Thay đổi khoảng cách giữa tiêu đề và nút CTA, căn chỉnh nội dung theo ảnh tham khảo tôi cung cấp. Không chỉnh sửa các file hoặc thành phần không liên quan. Trước khi thực hiện, hãy xác định những thành phần cần thay đổi. Sau khi sửa, hãy kiểm tra giao diện và báo cáo những file đã chỉnh sửa cùng các điểm cần tôi xác nhận.

Vì sao tốt hơn? Prompt này xác định rõ khu vực cần chỉnh sửa, những phần phải giữ nguyên và cách đánh giá kết quả. AI có ít không gian để tự suy đoán hơn, còn bạn cũng dễ kiểm tra xem yêu cầu đã được thực hiện đúng hay chưa.

Bạn có thể áp dụng cách viết này cho nhiều công việc khác nhau, từ thay đổi màu sắc, điều chỉnh bố cục đến bổ sung một chức năng mới. Càng xác định rõ phạm vi công việc, bạn càng dễ kiểm soát những thay đổi mà AI thực hiện.

Cách yêu cầu AI sửa lỗi mà không phá những phần đang hoạt động

Cách yêu cầu AI sửa lỗi mà không phá những phần đang hoạt động


Một trong những tình huống gây mất thời gian nhất khi Vibe Coding là sửa một lỗi nhưng lại khiến phần khác hoạt động không đúng. Để hạn chế điều này, bạn nên mô tả lỗi như đang báo vấn đề cho một người cùng làm dự án, thay vì chỉ yêu cầu AI "sửa giúp".

  • Chỉ rõ lỗi xảy ra ở đâu: Nêu trang, khu vực hoặc chức năng đang gặp vấn đề. Nếu có thể, hãy mô tả các bước để tái hiện lỗi.
  • Phân biệt kết quả hiện tại và kết quả mong muốn: Ví dụ, hiện tại bấm nút Đăng ký không có phản hồi, trong khi bạn muốn nút chuyển sang trang xác nhận sau khi người dùng gửi thông tin hợp lệ.
  • Yêu cầu giữ nguyên những phần không liên quan: Nêu rõ các chức năng hoặc thành phần đang hoạt động tốt và không cần chỉnh sửa.
  • Đề nghị AI giải thích phương án trước khi sửa nếu phạm vi lớn: Với những thay đổi có thể ảnh hưởng đến nhiều phần của dự án, hãy yêu cầu AI nêu nguyên nhân dự kiến và cách xử lý trước khi thực hiện.
  • Kiểm tra phần mã đã thay đổi: Sau mỗi lần sửa, hãy xem lại kết quả và thử những chức năng liên quan để phát hiện vấn đề mới càng sớm càng tốt.

Ví dụ, thay vì viết "Nút đăng ký bị lỗi, sửa lại đi", bạn có thể mô tả rõ hơn: "Khi điền đầy đủ thông tin và bấm nút Đăng ký trên trang chủ, trang không có phản hồi. Hãy kiểm tra nguyên nhân, sửa chức năng gửi biểu mẫu và giữ nguyên giao diện hiện tại. Sau khi sửa, hãy kiểm tra lại trường hợp nhập đủ thông tin và trường hợp bỏ trống trường bắt buộc".

Cần lưu ý rằng câu lệnh "không sửa phần khác" chỉ giúp định hướng AI, chứ không bảo đảm những phần còn lại sẽ luôn được giữ nguyên. Vì vậy, bạn vẫn cần kiểm thử sau khi chỉnh sửa và chuẩn bị cách khôi phục phiên bản cũ nếu có vấn đề phát sinh.

Làm từng bước nhỏ và kiểm tra kết quả liên tục

Làm từng bước nhỏ và kiểm tra kết quả liên tục


Khi mới làm quen với Vibe Coding, bạn có thể muốn yêu cầu AI tạo ngay một website hoặc ứng dụng hoàn chỉnh chỉ bằng một prompt. Cách này có thể cho ra bản mẫu nhanh, nhưng nếu dự án có nhiều trang và chức năng, việc sửa lỗi hoặc thay đổi về sau sẽ khó kiểm soát hơn.

Thay vào đó, hãy chia dự án thành từng phần nhỏ và hoàn thiện lần lượt:

  • Không yêu cầu AI tạo cả một ứng dụng lớn chỉ bằng một prompt.
  • Hoàn thành và kiểm tra từng phần trước khi chuyển sang phần tiếp theo.
  • Kiểm tra giao diện và chức năng sau mỗi thay đổi quan trọng.
  • Không vội xây thêm tính năng mới khi lỗi cũ vẫn chưa được xử lý.
  • Dùng Git hoặc tính năng lưu phiên bản của công cụ để có thể quay lại khi cần.

Chẳng hạn, khi tạo website giới thiệu doanh nghiệp, bạn có thể bắt đầu với phần đầu trang, sau đó làm lần lượt các khu vực giới thiệu dịch vụ, bảng giá, câu hỏi thường gặp và chân trang. Sau mỗi phần, hãy kiểm tra xem giao diện có đúng ý và các chức năng liên quan có hoạt động hay không.

Cách làm này giúp bạn dễ xác định nguyên nhân nếu có lỗi xảy ra. Thay vì phải rà soát toàn bộ dự án sau một lần thay đổi lớn, bạn có thể tập trung vào phần vừa chỉnh sửa. Đây cũng là cách hạn chế tình trạng sửa chỗ này nhưng lại làm hỏng chỗ khác.

Quản lý dự án để AI không quên yêu cầu ban đầu

Quản lý dự án để AI không quên yêu cầu ban đầu


Khi dự án chỉ có một trang và vài chức năng đơn giản, bạn có thể trao đổi với AI trong một cuộc hội thoại mà không gặp nhiều khó khăn. Nhưng khi sản phẩm phát triển, có thêm nhiều trang, chức năng và yêu cầu chỉnh sửa, việc giữ cho AI hiểu đúng bối cảnh trở nên quan trọng hơn.

Để tránh phải giải thích lại từ đầu hoặc khiến AI hiểu sai những quyết định trước đó, bạn nên quản lý thông tin dự án một cách có hệ thống:

  • Duy trì một tài liệu mô tả mục tiêu, yêu cầu, cấu trúc và các chức năng chính của dự án.
  • Ghi lại những quyết định quan trọng, chẳng hạn cách tổ chức giao diện hoặc quy tắc cần tuân thủ khi chỉnh sửa.
  • Cập nhật trạng thái các chức năng đã hoàn thành, đang thực hiện hoặc còn lỗi.
  • Nếu công cụ hỗ trợ, hãy sử dụng file hướng dẫn dự án hoặc các quy tắc làm việc để AI có thể tham khảo khi thực hiện nhiệm vụ.
  • Khi cuộc hội thoại quá dài hoặc chuyển sang phiên mới, hãy cung cấp lại những thông tin cần thiết để AI hiểu trạng thái hiện tại của dự án.

Ví dụ, bạn có thể duy trì một tài liệu ngắn ghi rõ website gồm những trang nào, chức năng nào đã hoàn thành, những thành phần nào không được tự ý thay đổi và các lỗi đang cần xử lý. Mỗi khi bắt đầu một nhiệm vụ mới, hãy cung cấp phần thông tin liên quan để AI nắm được bối cảnh.

Cách làm này đặc biệt hữu ích với những dự án có nhiều trang hoặc nhiều chức năng. Thay vì phụ thuộc hoàn toàn vào nội dung của một cuộc hội thoại, bạn có thể dựa vào tài liệu dự án để theo dõi tiến độ và giữ cho các lần chỉnh sửa nhất quán hơn.

Cách đánh giá AI đã làm đúng yêu cầu hay chưa

Cách đánh giá AI đã làm đúng yêu cầu hay chưa


Sau khi AI báo đã hoàn thành, đừng vội cho rằng sản phẩm đã hoạt động đúng. Bạn cần tự kiểm tra kết quả dựa trên yêu cầu ban đầu, bởi mã nguồn được tạo ra không phải lúc nào cũng đáp ứng đầy đủ những gì bạn mong muốn.

Bạn có thể bắt đầu bằng những việc sau:

  • Đối chiếu với yêu cầu ban đầu: Kiểm tra xem các nội dung, giao diện và chức năng được yêu cầu đã có đầy đủ hay chưa.
  • Kiểm tra trên trình duyệt và các kích thước màn hình cần thiết: Đảm bảo website hiển thị phù hợp trên máy tính, điện thoại hoặc các thiết bị mà người dùng mục tiêu thường sử dụng.
  • Thử các chức năng chính: Bấm nút, mở liên kết, gửi biểu mẫu và thực hiện những thao tác mà người dùng sẽ sử dụng trong thực tế.
  • Kiểm tra ảnh hưởng đến chức năng cũ: Sau mỗi thay đổi, hãy thử lại những phần có liên quan để chắc chắn chúng vẫn hoạt động bình thường.
  • Kiểm tra bảo mật trước khi sử dụng thực tế: Nếu sản phẩm xử lý dữ liệu cá nhân, tài khoản hoặc thanh toán, cần có bước rà soát bảo mật phù hợp, tốt nhất với sự hỗ trợ của người có chuyên môn.

Khi website đã hoạt động ổn định, bạn có thể sử dụng checklist trước khi đưa website lên mạng để rà soát lần cuối. Sau đó, hãy tìm hiểu thêm deploy là gì để hiểu cách đưa sản phẩm lên Internet, hoặc tham khảo các cách deploy website phổ biến để lựa chọn phương án phù hợp.

Nếu muốn tìm hiểu cụ thể quy trình từ các file trên máy tính đến một website có thể truy cập, bạn cũng có thể đọc bài đưa website lên mạng từ file đến địa chỉ truy cập. Còn nếu cần một nền tảng đơn giản để triển khai website tĩnh được tạo bằng AI, bạn có thể thử OneSite.