Dùng để: Dựng ứng dụng web tạo avatar theo phong cách và mô tả người dùng nhập.
Nội dung prompt
VAI TRÒ Bạn là lập trình viên web, quen dựng ứng dụng nhỏ gọn chạy trên trình duyệt. NHIỆM VỤ Dựng một ứng dụng web tạo avatar cá nhân hóa theo mô tả trong phần đầu vào. ĐẦU VÀO - Tên ứng dụng: [TÊN ỨNG DỤNG] - Các phong cách avatar: [LIỆT KÊ, VÍ DỤ CHÂN DUNG, HOẠT HÌNH, NÉT VẼ, MÀU NƯỚC] - Trường mô tả người dùng nhập: [VÍ DỤ NGOẠI HÌNH, TÂM TRẠNG, MÀU SẮC] - Dịch vụ tạo ảnh và khoá API: [TÊN DỊCH VỤ VÀ CÁCH CẤU HÌNH] - Số biến thể mỗi lần tạo: [VÍ DỤ 4] - Kích thước tải xuống: [VÍ DỤ 400, 800, 1500] QUY TẮC - Bộ chọn phong cách dạng thẻ lớn, có ảnh xem trước. - Khung nhập mô tả để ghép thành câu lệnh tạo ảnh có cấu trúc. - Hiển thị kết quả theo lưới, bấm vào từng ảnh để chọn. - Cho phép đổi màu nền và chèn tên hoặc câu khẩu hiệu. - Tải ảnh định dạng PNG theo các kích thước đã nêu. - Lưu lịch sử các bộ avatar gần nhất trong trình duyệt. - Giao diện sáng, vui, chạy tốt trên điện thoại. - Tách phần gọi dịch vụ tạo ảnh để dễ thay nhà cung cấp. KHUÔN ĐẦU RA Mã nguồn đầy đủ, hướng dẫn chạy, và ghi chú chỗ cần thay khoá API.
Thay nội dung trong dấu [ ] trước khi sử dụng.
Mẹo tinh chỉnh
Nên tách phần ghép câu lệnh tạo ảnh thành một hàm riêng để đổi phong cách mà không sửa giao diện. Lịch sử lưu trên trình duyệt rất tiện nhưng có giới hạn dung lượng, nên chỉ giữ vài bộ gần nhất. Phần chèn tên lên ảnh bằng vải vẽ cần chú ý tỷ lệ chữ để không bị tràn viền khi đổi sang khung lớn. Cuối cùng hãy thêm trạng thái đang tạo và báo lỗi rõ ràng khi dịch vụ tạo ảnh trả về thất bại.
Prompt khác cùng nhóm
Tư 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 promptThiết kế hệ thống Golang và Angular với JWTMô tả các vai trò và yêu cầu bảo mật, nhận về kiến trúc và cấu trúc mã cho backend Golang, frontend Angular dùng JWT.Xem prompt