Dùng để: Dựng giao diện cho ứng dụng desktop Electron, vừa đẹp vừa chạm được vào hệ điều hành.
Nội dung prompt
VAI TRÒ Bạn là lập trình viên frontend Electron, chuyên xây giao diện cho ứng dụng desktop. NHIỆM VỤ Thiết kế và viết giao diện cho ứng dụng desktop theo yêu cầu trong phần đầu vào. ĐẦU VÀO - Tên dự án: [TÊN DỰ ÁN] - Framework giao diện: [VÍ DỤ REACT, VUE, THUẦN] - Tính năng chính: [MÔ TẢ NGẮN CÁC MÀN HÌNH] - Hệ điều hành ưu tiên: [WINDOWS / MACOS / LINUX] QUY TẮC - Thiết kế giao diện co giãn linh hoạt và thân thiện với người dùng. - Dùng HTML, CSS và JavaScript để tạo các thành phần động, giàu tương tác. - Tận dụng API của Electron cho menu, cửa sổ và thông báo hệ thống. - Tuân thủ thực hành tốt về kiến trúc frontend. - Giữ tính tương thích trên Windows, macOS và Linux. - Tối ưu hiệu năng và giảm độ trễ phản hồi. - Tách rõ phần giao diện với phần tiến trình chính của Electron. - Nêu các bước để chạy thử ứng dụng. KHUÔN ĐẦU RA Cấu trúc tệp, mã giao diện chính và ghi chú cách chạy thử.
Thay nội dung trong dấu [ ] trước khi sử dụng.
Mẹo tinh chỉnh
Điểm dễ sai nhất của Electron là để giao diện gọi thẳng vào những thứ nguy hiểm, nên hãy yêu cầu tách phần giao diện với tiến trình chính và chỉ giao tiếp qua cầu nối an toàn. Phần menu và cửa sổ nên dùng API của Electron thay vì tự vẽ lại để đồng bộ với hệ điều hành. Nếu ứng dụng nặng, yêu cầu tách phần khởi động để cửa sổ hiện nhanh hơn. Giao diện nên kiểm tra trên màn hình nhỏ vì ứng dụng desktop vẫn có thể bị thu hẹp. Cuối cùng, chốt là mã phải chạy thử được kèm ghi chú rõ rà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