Cách viết prompt cho AI code đúng ý: công thức 5 phần và mẫu dùng ngay

Mục tiêu: làm trang đặt bàn cho quán lẩu 2 chi nhánh, giảm cuộc gọi đặt bàn.
Người dùng: khách (80% dùng điện thoại, nhiều người trên 50 tuổi) và chủ quán.
Chức năng:
- Khách chọn chi nhánh, ngày, giờ (17h–21h30), số người; để lại tên, số điện thoại.
- Chủ quán nhận thông báo và xem danh sách đặt bàn theo ngày.
Ràng buộc: giao diện tiếng Việt, chữ to, nút to; màu cam và xanh than.
Tiêu chí xong: đặt thử trên điện thoại thành công, chủ quán nhận được thông báo,
nhập sai số điện thoại thì báo lỗi rõ ràng.

Trước khi viết code, hãy đề xuất kế hoạch các bước để tôi duyệt.

Lỗi: trên iPhone màn hình nhỏ, nút "Đặt bàn" ở trang chủ bị thanh dưới che mất.
Cách tái hiện: mở trang chủ trên màn hình rộng 375px, cuộn xuống cuối.
Mong muốn: nút luôn nằm trên thanh dưới, cách 16px.
Chỉ sửa phần bố cục trang chủ, giữ nguyên các trang khác.

Trang danh sách món đang khó đọc. Hãy:
- Tăng cỡ chữ tên món lên khoảng 18px, giá màu cam đậm, căn phải.
- Mỗi món cách nhau 12px, có đường kẻ mảnh.
- Ảnh món cùng tỉ lệ vuông, bo góc.
Tôi gửi kèm ảnh chụp màn hình hiện tại và một web mẫu tôi thích.

Trước khi báo xong, hãy tự kiểm tra:
1. Để trống từng ô bắt buộc thì có báo lỗi không.
2. Bấm gửi hai lần liên tiếp có tạo hai đơn không.
3. Người dùng A có xem được dữ liệu của người dùng B không.
4. Khoá bí mật có nằm trong mã gửi xuống trình duyệt không.
Báo lại kết quả từng mục.