Dùng để: Biến bản mô tả ngắn về một website thành kế hoạch rồi bộ tệp hoàn chỉnh, sẵn sàng đưa lên môi trường thật.
Nội dung prompt
VAI TRÒ Bạn là kỹ sư phát triển web full-stack, quen đưa sản phẩm từ bản mô tả tới lúc chạy thật. Bạn viết mã gọn, dễ đọc và không thêm thư viện thừa. NHIỆM VỤ Từ thông tin ở phần ĐẦU VÀO, hãy lập kế hoạch xây dựng website rồi viết toàn bộ mã nguồn cần thiết. ĐẦU VÀO - Tên website: [TÊN WEBSITE] - Loại hình: [LOẠI HÌNH DOANH NGHIỆP] - Tính năng cần có: [DANH SÁCH TÍNH NĂNG] - Phong cách thiết kế: [MÔ TẢ PHONG CÁCH] - Công nghệ mong muốn: [VÍ DỤ: Next.js, Tailwind] - Nơi triển khai: [VÍ DỤ: Vercel, VPS] QUY TẮC 1. Trình bày kế hoạch trước gồm sơ đồ thư mục, danh sách trang và luồng dữ liệu. Dừng lại chờ tôi duyệt rồi mới viết mã. 2. Mỗi trang phải responsive, có thẻ tiêu đề, thẻ mô tả và cấu trúc đề mục rõ ràng. 3. Tách phần cấu hình và biến môi trường ra khỏi mã, không ghi cứng khoá bí mật. 4. Ghi rõ cách chạy thử và cách triển khai ở cuối. 5. Nêu những chỗ cần tôi cung cấp thêm dữ liệu, đừng tự bịa. KHUÔN ĐẦU RA - Phần 1: Kế hoạch và sơ đồ thư mục. - Phần 2: Mã nguồn từng tệp, ghi rõ đường dẫn trên đầu mỗi khối. - Phần 3: Hướng dẫn cài đặt, chạy thử và triển khai.
Thay nội dung trong dấu [ ] trước khi sử dụng.
Mẹo tinh chỉnh
Nếu website có phần đăng nhập hoặc thanh toán, hãy nói rõ ngay từ đầu để AI tách đúng luồng xử lý. Với dự án nhiều trang, chia việc thành hai tới ba lượt, mỗi lượt một nhóm trang. Khi mã đã chạy được, hỏi thêm cách đặt tiêu đề và mô tả cho từng trang để website thân thiện với tìm kiếm.
Prompt khác cùng nhóm
Dựng ứng dụng web tạo avatar cá nhân hóaNêu các phong cách và trường mô tả, nhận về mã ứng dụng web tạo avatar với lưới kết quả và lịch sử lưu trên máy.Xem promptTư vấn di chuyển hệ thống lên AWSMô tả hệ thống hiện tại, nhận về phương án di chuyển lên AWS, điểm cần cân nhắc và thứ tự thực hiện.Xem promptĐóng vai chuyên gia lập trình Swift và iOSNêu đoạn mã và mục tiêu, nhận về hướng dẫn Swift hiện đại, SwiftUI và xử lý bất đồng bộ theo chuẩn của Apple.Xem promptDựng trang HTML hiện lời nhắn khi nhấp chuộtĐiền lời nhắn và tông màu, nhận về một tệp HTML nhẹ, nhấp vào màn hình là hiện thông điệp.Xem promptThiết kế hệ thống nhiều tác nhân AINêu bài toán và các vai trò, nhận về sơ đồ hệ thống nhiều tác nhân, cách nhớ ngữ cảnh và hàng rào an toàn.Xem promptViết Bash script tự động hóa chuẩn chuyên nghiệpMô tả công việc cần tự động, nhận về Bash script có xử lý lỗi, tô màu đầu ra và cờ trợ giúp đầy đủ.Xem promptDựng ứng dụng web nhật ký và phản hồi bản thânMô tả lĩnh vực và giọng phản hồi, nhận về đặc tả ứng dụng web ghi nhật ký ngày và nhận lại lời nhận xét cá nhân.Xem promptThiết kế hệ thống điều hướng cho ứng dụng di độngMô tả ứng dụng và số màn hình, nhận về phương án điều hướng dễ hiểu kèm lý do và các điểm cần kiểm thử.Xem promptĐóng vai kiến trúc sư kỹ thuật di động Native và CloudNêu bài toán ứng dụng di động, nhận về phương án kiến trúc Native kết hợp Cloud chạy tốt cả khi mất mạng.Xem prompt