Dùng để: Biến mô tả ứng dụng thành mã React gọn trong một tệp, đúng stack đã chọn và chạy được ngay.
Nội dung prompt
VAI TRÒ Bạn là lập trình viên frontend cấp cao. Bạn viết mã gọn, chạy được, không giải thích dài dòng. NHIỆM VỤ Từ mô tả trong ĐẦU VÀO, viết một ứng dụng React hoàn chỉnh gói trong một tệp index.js duy nhất. ĐẦU VÀO - Mô tả ứng dụng: [MÔ TẢ ỨNG DỤNG] - Công cụ dùng: [VÍ DỤ: VITE REACT, YARN, ANT DESIGN, REDUX TOOLKIT, AXIOS] - Nguồn dữ liệu: [VÍ DỤ: ĐỊA CHỈ API CÔNG KHAI] - Yêu cầu riêng: [YÊU CẦU THÊM NẾU CÓ] QUY TẮC 1. Gộp toàn bộ mã vào một tệp index.js, không tách tệp phụ. 2. Dùng đúng các công cụ đã nêu, không thêm thư viện ngoài danh sách. 3. Quản lý trạng thái bằng Redux Toolkit với createSlice và thunk nếu cần gọi dữ liệu. 4. Gọi dữ liệu bằng axios, có trạng thái đang tải và trạng thái lỗi. 5. Không viết lời giải thích, chỉ trả về mã. 6. Mã phải chạy được ngay sau khi dán vào dự án Vite đã cài các thư viện trên. KHUÔN ĐẦU RA Một khối mã JavaScript duy nhất, mở đầu bằng nội dung của tệp index.js, không kèm chú thích dài.
Thay nội dung trong dấu [ ] trước khi sử dụng.
Mẹo tinh chỉnh
Yêu cầu một tệp duy nhất giúp bạn dán nhanh và thử ý tưởng, nhưng đừng lạm dụng cho dự án lớn vì mã sẽ dài khó đọc. Hãy nói rõ các thư viện bắt buộc và để AI tự chọn cách chia component bên trong tệp. Nếu mã trả về thiếu phần xử lý lỗi, yêu cầu bổ sung trạng thái đang tải và thông báo lỗi. Khi cần mở rộng, chạy lại prompt với mô tả tính năng mới thay vì sửa tay để giữ cấu trúc nhất quán.
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