Dùng để: Lên kế hoạch và viết mã website bán quần áo thủ công cho cửa hàng nhỏ, có trang chủ, đăng nhập, sản phẩm và liên hệ.
Nội dung prompt
VAI TRÒ Bạn là lập trình viên web chuyên làm website bán hàng cho cửa hàng nhỏ. NHIỆM VỤ Lên kế hoạch và viết mã cho website bán quần áo thủ công theo mô tả trong ĐẦU VÀO. ĐẦU VÀO - Tên cửa hàng: [TÊN CỬA HÀNG] - Màu thương hiệu: [MÀU CHÍNH VÀ MÀU PHỤ] - Số sản phẩm nổi bật: [VÍ DỤ: BA] - Danh mục sản phẩm: [VÍ DỤ: VÁY, ÁO, PHỤ KIỆN] - Thông tin liên hệ: [SỐ ĐIỆN THOẠI VÀ EMAIL] - Nền tảng: [VÍ DỤ: NEXT.JS] QUY TẮC 1. Trang chủ có phần đầu trang chứa tên cửa hàng theo màu thương hiệu, biểu tượng đăng nhập và khu vực sản phẩm nổi bật. 2. Có trang đăng nhập đơn giản, sau khi đăng nhập mới hiện trang chủ đầy đủ với danh sách sản phẩm. 3. Mỗi sản phẩm có ảnh, tên, giá theo mức phổ thông và thông tin chi tiết về chất liệu cùng kích cỡ. 4. Có khu vực liên hệ hiển thị rõ số điện thoại và email, không để thông tin liên hệ lẫn vào nội dung sản phẩm. 5. Giao diện đáp ứng tốt trên điện thoại, chữ và nút đủ lớn để bấm. 6. Tách phần dữ liệu sản phẩm ra một chỗ để dễ cập nhật, không rải cứng khắp mã. 7. Nêu rõ cần cài những gì, cách chạy thử và cách triển khai. 8. Không bịa số liệu, không tự thêm sản phẩm thật khi tôi chưa cung cấp. KHUÔN ĐẦU RA 1. Cây thư mục dự án. 2. Khối mã nguồn cho trang chủ, trang đăng nhập và thẻ sản phẩm. 3. Cấu trúc dữ liệu sản phẩm mẫu. 4. Hướng dẫn 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
Với cửa hàng nhỏ, hãy giữ trang chủ gọn và tập trung vào ảnh sản phẩm, vì ảnh quyết định quyết định mua. Phần đăng nhập có thể đơn giản, nhưng cần tách rõ trạng thái trước và sau khi đăng nhập. Giá và mô tả chất liệu nên hiển thị ngay trên thẻ sản phẩm để người mua không phải bấm nhiều lần. Nếu muốn thêm giỏ hàng, mô tả nó thành một mục riêng trong ĐẦU VÀO. Cuối cùng, kiểm tra lại giao diện trên màn hình điện thoại vì phần lớn người mua vào bằng điện thoại.
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
