10 prompt tạo website bằng AI cho người mới bắt đầu

Một prompt hữu ích cần nói được website phục vụ ai, người dùng làm gì và thế nào là chạy đúng. Câu “làm một website đẹp, chuyên nghiệp” để lại quá nhiều điều cho công cụ tự đoán. Bạn có thể nhận giao diện trông hoàn chỉnh nhưng nút chỉ có tác dụng trang trí, biểu mẫu không gửi đi đâu hoặc nội dung chứa những lời hứa chưa được kiểm chứng.

Mười mẫu dưới đây là đề xuất thực hành cho phạm vi nhỏ. Chúng chưa được thực thi thành mười sản phẩm trong task này; không phải bảng so sánh chất lượng giữa các công cụ. Bạn cần thay dữ liệu, chạy bản local và kiểm từng tiêu chí. Có thể xem demo Hiên an nhiên để hình dung một kết quả thực tế của loại website tĩnh có tương tác.

Ảnh minh họa tạo bằng AI cho bước xác định đầu vào và bố cục, không phải kết quả kiểm thử

Chuẩn bị thông tin trước khi dùng prompt

Hãy ghi tên dự án, người xem chính, một hành động quan trọng và tài nguyên bạn có quyền sử dụng. Với portfolio, đó có thể là xem ba dự án và mở trang liên hệ. Với menu quán, đó là tìm món và biết giá. Phạm vi đầu tiên càng cụ thể, bạn càng dễ nhận ra phần nào AI đã làm đúng hoặc đang tự thêm.

Không gửi mật khẩu hosting, file khách hàng hoặc dữ liệu chưa được phép vào prompt để “cho AI đủ ngữ cảnh”. Dùng dữ liệu mẫu được ghi rõ là minh họa. Khi yêu cầu một trang chạy trong trình duyệt, cũng nên nói rõ những việc chưa làm: chưa gửi lead, chưa tạo đơn, chưa thanh toán và chưa tích hợp dữ liệu thật.

1. Portfolio giới thiệu năng lực

Phù hợp khi bạn có một số dự án thật và muốn người xem hiểu vai trò của mình. Chuẩn bị tên dự án, phần việc, kết quả có thể chứng minh và ảnh được phép dùng. Không nhờ AI tự tạo khách hàng hoặc số liệu thành tích để làm trang thuyết phục hơn.

Tạo portfolio responsive bằng HTML, CSS và JavaScript thuần.
Đầu vào: tên [tên], lĩnh vực [lĩnh vực], ba dự án [dữ liệu].
Mỗi dự án có vai trò, việc đã làm và ảnh có nguồn được cung cấp.
Không bịa khách hàng, testimonial hoặc số liệu kết quả.
Có bộ lọc dự án và link liên hệ thật; không thêm form giả gửi email.
Kiểm ở 390/768/1440px và thao tác bằng bàn phím.

Kiểm ba việc: bộ lọc có trả đúng dự án, link liên hệ có đúng đích và ảnh có nội dung thay thế phù hợp. Nếu chưa có một trường dữ liệu, giao diện nên bỏ trường đó hoặc ghi rõ chưa cung cấp, thay vì điền bằng một câu nghe có vẻ đáng tin.

2. Landing page cho một dịch vụ

Mẫu này dành cho một đề nghị rõ ràng, chẳng hạn dịch vụ bảo trì website. Hãy chốt đối tượng, phạm vi và cách nhận yêu cầu trước khi tạo trang. Giá khởi điểm chỉ nên xuất hiện khi bạn có cơ sở cung cấp và điều kiện áp dụng.

Tạo landing page cho dịch vụ [dịch vụ], khách hàng [nhóm].
Dùng phạm vi, điều kiện và giá do tôi cung cấp; thiếu thì đánh dấu cần bổ sung.
Có phần vấn đề, đầu ra, quy trình, FAQ và CTA tới [URL liên hệ].
Không tự thêm bảo đảm doanh thu, xếp hạng hoặc lời khen khách hàng.
Giao diện tiếng Việt, mobile trước, CTA rõ và không che nội dung.

Kiểm CTA từ đầu đến cuối trang, đọc lại các cam kết và mở trang trên màn hình nhỏ. Một landing page không nên có ba nút cùng tên dẫn đến ba hành động khác nhau mà không giải thích cho người dùng.

Menu online bản đầu có thể chỉ cần danh mục, tên món, giá và trạng thái còn bán. Không nhất thiết tạo chức năng đặt hàng khi bạn chưa có nơi nhận đơn và quy trình xác nhận. Hãy giữ sự khác nhau giữa xem menu và mua hàng.

Tạo menu cho quán [tên] từ danh sách món mẫu tôi đưa.
Cho lọc theo nhóm, tìm tên món và hiển thị giá đúng dữ liệu.
Không có checkout, thanh toán hoặc gửi đơn; ghi rõ menu tham khảo.
Không bịa thông tin dị ứng hay dinh dưỡng; chỉ hiện phần được xác nhận.
Giữ nội dung đọc được ở 390px, không ép bảng rộng.

Thử tìm một món có dấu tiếng Việt, đổi danh mục và kiểm giá sau khi lọc. Nếu bạn cần tìm không dấu, hãy nêu thêm yêu cầu và kiểm riêng; không mặc định mọi bộ tìm kiếm do AI tạo đều xử lý được.

Website Chùa Online 2D của Onter với cảnh ban mai và ba nút tương tác

Địa chỉ chính ngày 07/11/2026: bản 2D nhẹ, không có điều hướng 3D

4. Trang lịch sự kiện

Chuẩn bị ngày, giờ, địa điểm và đơn vị tổ chức đã xác nhận. Với một bản giới thiệu, bạn có thể chỉ cần danh sách và bộ lọc; đăng ký tham dự là phạm vi khác nếu phải thu thông tin cá nhân.

Tạo trang lịch sự kiện từ dữ liệu [danh sách có ngày giờ và múi giờ].
Cho lọc theo tháng và loại sự kiện, trạng thái không có kết quả rõ ràng.
Không tự tạo sự kiện, diễn giả hoặc thông tin vé.
Link đăng ký chỉ dùng URL đã cung cấp; không có biểu mẫu lưu dữ liệu.
Ngày hiển thị nhất quán, kiểm sự kiện qua thời điểm nửa đêm.

Kiểm thứ tự thời gian, một tháng trống và một sự kiện đã qua. Nếu chỉ có một địa điểm với giờ Việt Nam, hãy hiển thị rõ điều đó; không thêm lựa chọn múi giờ phức tạp khi chưa cần.

5. Catalogue sản phẩm chưa có checkout

Catalogue giúp kiểm cách trình bày danh mục trước khi xây hệ thống bán hàng. Dữ liệu nên gồm mã, tên, mô tả, ảnh và thuộc tính đã có. Không biến những ô còn trống thành tính năng kỹ thuật do AI tự suy đoán.

Tạo catalogue từ dữ liệu mẫu [danh sách sản phẩm].
Có tìm kiếm, lọc thuộc tính và trang chi tiết đọc được trên điện thoại.
Giữ nguyên mã và thông số; không bịa chứng nhận hoặc tương thích.
Chưa có giỏ hàng, tồn kho thật, tài khoản hay thanh toán.
CTA dẫn tới URL tư vấn đã cung cấp, không tạo trạng thái đã đặt hàng.

Kiểm một bộ lọc có kết quả, một bộ không có kết quả và cách mở chi tiết. Nếu dữ liệu chỉ là mẫu, phải nhìn thấy nhãn minh họa ở vị trí phù hợp, không để người xem tưởng đó là hàng đang bán.

6. FAQ dựa trên chính sách đã duyệt

Trang FAQ nên trả lời từ dữ liệu có nguồn. Một giao diện hỏi đáp tĩnh không cần được gọi là chatbot AI. Khi không có câu trả lời, thông báo thiếu thông tin hữu ích hơn việc tạo một chính sách mới.

Tạo trang FAQ từ văn bản chính sách tôi cung cấp.
Nhóm câu hỏi theo chủ đề, có tìm kiếm và accordion dùng được bằng bàn phím.
Mọi câu trả lời giữ đúng điều kiện và ngoại lệ trong nguồn.
Không suy diễn thời hạn hoàn tiền, bảo hành hoặc phí chưa được nêu.
Câu hỏi ngoài nguồn dẫn tới kênh hỗ trợ, không tự trả lời bằng mô hình.

Kiểm một câu có ngoại lệ, mở nhiều mục và thử bàn phím Tab/Enter. Đối chiếu bản hiển thị với nguồn chính sách sau khi AI rút gọn, vì một câu ngắn hơn có thể vô tình bỏ điều kiện quan trọng.

7. Thư viện tài liệu mẫu

Thư viện nhỏ cần tổ chức file rõ ràng hơn là một màn hình quá nhiều hiệu ứng. Bạn phải có quyền chia sẻ các file trước khi đưa link vào website. Không dùng tài liệu khách hàng làm dữ liệu mẫu công khai.

Tạo trang thư viện từ danh sách tài liệu được phép chia sẻ [dữ liệu].
Cho lọc chủ đề và định dạng, hiển thị ngày cập nhật và phiên bản đã cung cấp.
Mỗi nút mở đúng URL; không tạo link tải file chưa tồn tại.
Không upload hoặc thu tài liệu từ người xem.
Thiếu dữ liệu phiên bản thì ghi chưa cung cấp, không bịa ngày.

Mở thử từng link có trong phạm vi và kiểm trường hợp một danh mục trống. Nếu cần tệp tải xuống, kiểm cả tên file và nội dung thực; một nút mang nhãn PDF nhưng trả trang lỗi không phải chức năng tải đã hoàn thành.

8. Trang giới thiệu một địa điểm

Bạn có thể bắt đầu bằng thông tin địa chỉ, giờ hoạt động và hướng dẫn liên hệ đã xác nhận. Không tự tạo bản đồ, đánh giá hoặc số sao như thể dữ liệu được thu từ khách hàng.

Tạo trang giới thiệu [địa điểm] bằng dữ liệu chính chủ tôi đưa.
Hiển thị địa chỉ, giờ mở cửa có ngày cập nhật, ảnh có quyền và link chỉ đường.
Không bịa review, điểm sao, giấy phép hoặc mốc lịch sử.
Không tải bản đồ bên thứ ba trước khi người dùng chọn mở link.
Kiểm link bản đồ và số điện thoại trên cả desktop lẫn mobile.

Đối chiếu địa chỉ với nguồn vận hành, thử link chỉ đường và xem số điện thoại có bị ghép sai. Một địa điểm chưa có lịch hoạt động chắc chắn cần trạng thái rõ, không nên dùng câu “mở cửa 24/7” chỉ để lấp chỗ trống.

Cài đặt âm lượng đồ họa ánh sáng và tự ẩn HUD trong chùa 3D

Bản 3D dùng thử: chất lượng hình ảnh và âm thanh do người dùng lựa chọn

9. Bộ tính giá minh họa

Bộ tính giá giúp diễn giải cách các lựa chọn ảnh hưởng chi phí. Bạn cần công thức, đơn vị và giới hạn đầu vào. Nếu kết quả chưa phải báo giá được duyệt, phải thể hiện điều đó ngay gần số tiền.

Tạo bộ tính chi phí minh họa theo công thức [công thức và đơn vị].
Các đầu vào có min/max; xử lý rỗng, âm, ký tự lạ và số vượt giới hạn.
Hiển thị từng thành phần tính và ghi rõ chưa phải báo giá được xác nhận.
Không tạo đơn, gửi yêu cầu hoặc thực hiện thanh toán.
Kèm năm ví dụ đầu vào với kết quả kỳ vọng để tôi kiểm độc lập.

Tự tính lại ít nhất một trường hợp bình thường và một trường hợp biên. Đừng chỉ nhìn kết quả do cùng một công cụ tạo ra rồi coi đó là xác minh độc lập. Giá đúng định dạng vẫn có thể sai công thức.

10. Không gian thư giãn có tương tác

Mẫu cuối gần với phạm vi demo Onter: cảnh riêng, âm thanh do người dùng chọn và một timer có thể dừng. Trọng tâm là cảm giác dễ sử dụng cùng quyền kiểm soát, không phải thêm chat hoặc cộng đồng ngay từ đầu.

Tạo không gian thư giãn minh họa, cảnh SVG nguyên bản và giao diện tiếng Việt.
Có đổi sáng/tối, chuông chỉ phát sau thao tác và nút tắt mọi âm đang phát.
Thêm timer 60 giây có thể dừng; tôn trọng reduced-motion.
Không upload, chat, tài khoản, thanh toán hoặc tuyên bố tác dụng điều trị.
Kiểm 390/768/1440px, không cắt công trình chính hoặc tràn chữ.

Thử tắt tiếng khi âm còn phát, dừng timer giữa chừng và đổi cảnh trên điện thoại. Nếu âm thanh không được hỗ trợ, website vẫn cần thông báo dễ hiểu thay vì để người dùng nhấn mãi mà không biết chuyện gì xảy ra.

Prompt sửa lỗi sau lần dựng đầu

Khi có lỗi, nêu thứ tự thao tác, điều đang xảy ra và điều bạn muốn thấy. Có thể dùng mẫu: “Ở 390px, sau khi mở hộp thoại, nút đóng bị che. Hãy tìm nguyên nhân, sửa trong phạm vi modal và giữ nguyên nội dung cùng các chức năng khác. Báo file đã đổi và cách kiểm lại”.

Mỗi lần chỉ nhận một nhóm thay đổi có thể kiểm soát. Đọc diff, chạy lại luồng liên quan và giữ phiên bản trước trong Git. Prompt dài không thay thế việc mở sản phẩm thật. Khi có dữ liệu dùng chung, tài khoản hoặc thanh toán, cần thiết kế máy chủ và vận hành riêng; có thể xem dịch vụ website của Onter để chốt phạm vi phù hợp.

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

Một prompt có tạo được website hoàn chỉnh không?

Có thể tạo bản đầu để xem và sửa, nhưng không tự chứng minh form, quyền truy cập hoặc thanh toán đã hoạt động. Hãy chạy từng luồng với dữ liệu thử trước khi thêm chức năng mới.

Có cần ghi rõ thiết bị trong prompt không?

Có. Nêu các kích thước cần kiểm và thao tác trên điện thoại. Sau khi dựng, vẫn phải mở giao diện thật; câu yêu cầu responsive không phải bằng chứng website không tràn ngang.

Hộp chọn âm thanh và thời gian ngồi thiền bên hồ sen 3D

Bản 3D dùng thử: tự chọn âm thanh, thời lượng hoặc im lặng