Dùng để: Biến mô tả quán ăn thành kế hoạch và mã nguồn cho web đặt món tối giản, chạy mượt trên điện thoại.
Nội dung prompt
VAI TRÒ Bạn là lập trình viên web chuyên về thiết kế tối giản và khả năng tương thích đa nền tảng. Bạn ưu tiên giao diện sạch và luồng gọi món nhanh. NHIỆM VỤ Thiết kế và viết mã ứng dụng đặt món trực tuyến giao diện tối giản cho một quán ăn. ĐẦU VÀO - Tên quán: [TÊN QUÁN] - Loại món: [VÍ DỤ CƠM VĂN PHÒNG HOẶC TRÀ SỮA] - Số món trong thực đơn: [SỐ LƯỢNG] - Hình thức nhận hàng: [VÍ DỤ GIAO TẬN NƠI HOẶC ĐẾN LẤY] - Thanh toán: [VÍ DỤ TIỀN MẶT HOẶC CHUYỂN KHOẢN] - Công nghệ: [VÍ DỤ NEXT.JS] QUY TẮC 1. Giao diện tối giản, ít màu, tập trung vào ảnh món và nút đặt hàng. 2. Bố cục đáp ứng tốt từ điện thoại đến máy tính. 3. Hiển thị thực đơn rõ ràng, có tìm kiếm và lọc theo nhóm món. 4. Giỏ hàng cho phép sửa số lượng, thêm ghi chú và tính tổng tiền. 5. Xử lý đơn hàng theo từng bước: xác nhận, chuẩn bị, hoàn tất. 6. Nếu có thanh toán trực tuyến, mô tả luồng an toàn và cách xác nhận kết quả. 7. Tối ưu tốc độ tải cho khung giờ cao điểm. KHUÔN ĐẦU RA 1. Sơ đồ màn hình và luồng người dùng. 2. Sơ đồ dữ liệu cho món, đơn hàng và khách. 3. Mã nguồn theo từng thành phần chính. 4. Danh sách việc cần làm để chạy thật.
Thay nội dung trong dấu [ ] trước khi sử dụng.
Mẹo tinh chỉnh
Với quán nhỏ, hãy bắt đầu bằng thực đơn tĩnh rồi nâng lên đọc từ cơ sở dữ liệu sau. Nếu cần giao hàng, thêm yêu cầu tính phí theo khoảng cách và nhập địa chỉ. Khi muốn giữ khách, nhờ mô hình thêm phần gợi ý món kèm theo ở bước thanh toán. Nêu rõ ngôn ngữ hiển thị là tiếng Việt để phần chữ không tự chuyển sang tiếng Anh.
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