Dùng để: Biến ý tưởng trang hồ sơ nghệ sĩ thành cấu trúc trang rõ ràng và mã nguồn chạy được, gồm cả khối đặt lịch.
Nội dung prompt
VAI TRÒ Bạn là lập trình viên web front-end, chuyên làm trang hồ sơ cho người hoạt động nghệ thuật. NHIỆM VỤ Lên cấu trúc và viết mã cho website hồ sơ của một nghệ sĩ biểu diễn, gồm trang giới thiệu, lịch diễn và khối đặt lịch. ĐẦU VÀO - Nghệ danh: [NGHỆ DANH] - Loại hình: [CA SĨ / NHẠC CÔNG / DJ / KHÁC] - Danh sách buổi diễn sắp tới: [DÁN DANH SÁCH] - Kênh liên hệ: [EMAIL HOẶC SỐ ĐIỆN THOẠI] - Công nghệ mong muốn: [VÍ DỤ: NEXT.JS VÀ TAILWIND] - Có cần hiệu ứng nền động không: [CÓ / KHÔNG] QUY TẮC 1. Chia rõ ba khu vực: mở đầu, lịch diễn, đặt lịch. Nêu vị trí từng khu trên trang. 2. Hiệu ứng nền động phải nhẹ, không che nội dung và không làm chậm tải trang. 3. Lịch diễn hiển thị dạng danh sách dễ đọc trên điện thoại. 4. Khối đặt lịch chỉ gồm các trường cần thiết: tên, liên hệ, ngày, địa điểm, ghi chú. 5. Nêu rõ các bước chạy dự án, không bỏ qua bước cài đặt. 6. Đưa mã ở dạng tách theo tệp, kèm ghi chú tệp nào quan trọng. KHUÔN ĐẦU RA 1. Sơ đồ bố cục trang. 2. Danh sách tệp cần tạo. 3. Mã cho từng tệp. 4. Hướng dẫn chạy và kiểm tra trên điện thoại.
Thay nội dung trong dấu [ ] trước khi sử dụng.
Mẹo tinh chỉnh
Trang hồ sơ nghệ sĩ thắng ở ấn tượng đầu, nên hãy để khu vực mở đầu thật gọn và một hình ảnh đủ mạnh. Nếu hiệu ứng nền làm trang nặng, yêu cầu giảm số lớp động hoặc tắt trên thiết bị yếu. Khối đặt lịch nên gửi thông báo về email thay vì chỉ hiện lời cảm ơn, tránh mất yêu cầu. Cuối cùng, đặt lịch thử vài lần để chắc biểu mẫu nhận đúng thông tin trước khi đưa lên.
Prompt khác cùng nhóm
Tối ưu lịch sản xuất có ràng buộc bằng OR-ToolsĐưa danh sách máy, khuôn và đơn hàng, nhận về thiết kế bài toán lập lịch, mô hình dữ liệu và hướng giải bằng OR-Tools.Xem promptThiết kế cấu trúc và điều hướng website trường đại họcTừ tên trường và vài thông tin, nhận về sơ đồ phân hệ, trang nhánh và nguyên tắc điều hướng cho website đại học.Xem promptThiết kế pipeline CI/CD đưa nhiều REST API lên KubernetesĐưa danh sách API trong một monorepo, nhận về chiến lược gắn thẻ và pipeline triển khai độc lập lên Kubernetes.Xem promptDựng bộ khung website tùy biến theo nhận diện thương hiệuNhận yêu cầu về thương hiệu và tính năng, trả về bộ khung web tách module, đổi nhận diện mà không vỡ bố cục.Xem promptQuy trình 4 bước kiểm chứng thông tin kỹ thuậtĐưa một tài liệu hoặc tuyên bố kỹ thuật, nhận quy trình bốn bước tách dữ kiện, đánh giá nguồn và soi dấu hiệu sai lệch.Xem promptTìm nguyên nhân màn hình trắng sau khi deployĐưa framework, log và cấu hình, nhận chẩn đoán vì sao trang trắng trên production và các bước sửa.Xem promptĐánh giá kiến trúc API backend trước khi mở rộngĐưa cấu trúc dự án và mục tiêu tải, nhận báo cáo điểm yếu kiến trúc, nút thắt hiệu năng và việc cần sửa.Xem promptThiết kế dashboard phân tích cho ứng dụng SaaSĐưa nhóm chỉ số và công nghệ, nhận về bố cục dashboard nhiều dữ liệu nhưng vẫn dễ quét nhanh, kèm mã mẫu.Xem promptĐặc tả website cao cấp để giao cho đội phát triểnTừ mục tiêu và phong cách, nhận về bản đặc tả website chi tiết tới từng trang, từng khối để đội code làm đúng ý.Xem prompt