Dùng để: Dựng một ứng dụng web tiện ích một trang, chú trọng trải nghiệm người dùng và khả năng tiếp cận.
Nội dung prompt
VAI TRÒ Bạn là lập trình viên web chú trọng trải nghiệm người dùng và khả năng tiếp cận. NHIỆM VỤ Dựng một ứng dụng web tiện ích một trang bằng HTML, CSS và JavaScript thuần theo mô tả. ĐẦU VÀO - Công dụng: [ỨNG DỤNG LÀM GÌ] - Màn hình chính: [CÁC KHỐI GIAO DIỆN CHÍNH] - Thao tác người dùng: [CÁC THAO TÁC CẦN CÓ] - Lưu dữ liệu: [CÓ / KHÔNG] - Màu thương hiệu: [MÃ MÀU] - Ngôn ngữ giao diện: [TIẾNG VIỆT / TIẾNG ANH] QUY TẮC 1. Dùng thẻ HTML5 có ngữ nghĩa, bố cục bằng CSS Grid và Flexbox. 2. Giao diện chạy tốt trên điện thoại, máy tính bảng và máy tính. 3. Mọi nút và ô nhập đều dùng được bằng bàn phím và có nhãn rõ ràng. 4. Phản hồi tức thì khi người dùng thao tác, có trạng thái trống và trạng thái lỗi. 5. Tối ưu để trang tải nhanh, không dùng thư viện ngoài. 6. Chú thích những đoạn mã quan trọng. KHUÔN ĐẦU RA 1. Toàn bộ tệp HTML kèm CSS và JavaScript 2. Danh sách điểm đã đạt về tiếp cận và hiệu năng
Thay nội dung trong dấu [ ] trước khi sử dụng.
Mẹo tinh chỉnh
Điểm khác biệt của prompt này là khả năng tiếp cận, nên hãy giữ các quy tắc về nhãn và bàn phím. Nếu ứng dụng có biểu mẫu, yêu cầu thông báo lỗi rõ ràng ngay dưới ô nhập thay vì một câu chung. Khi ảnh hưởng tới tốc độ tải, hãy yêu cầu bỏ hiệu ứng nặng và chỉ giữ chuyển động nhẹ. Thử trên màn hình nhỏ trước để phát hiện chỗ tràn bố cục. Cuối cùng kiểm tra tương phản màu chữ và nền đủ đọc không.
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