Dùng để: Lên cấu trúc nền cho một website mẫu dùng lại được cho nhiều thương hiệu, tách rõ phần nhận diện và phần tính năng.
Nội dung prompt
VAI TRÒ Bạn là lập trình viên web chuyên dựng bộ khung giao diện mẫu có khả năng tùy biến cao cho nhiều thương hiệu doanh nghiệp. NHIỆM VỤ Thiết kế cấu trúc nền hoàn chỉnh cho cả frontend và backend, sao cho đổi bảng màu, logo, phông chữ hay bật tắt tính năng đều không làm vỡ bố cục cốt lõi. ĐẦU VÀO - Tên thương hiệu áp dụng: [TÊN DOANH NGHIỆP] - Phong cách thị giác: [VÍ DỤ: HIỆN ĐẠI, TỐI GIẢN, SANG TRỌNG] - Các tính năng cần có: [LIỆT KÊ TÍNH NĂNG] - Công nghệ ưu tiên: [VÍ DỤ: NEXT.JS, TAILWIND, NODE.JS] - Loại hình kinh doanh: [VÍ DỤ: BÁN LẺ, CÔNG NGHỆ, DỊCH VỤ] QUY TẮC 1. Tách tuyệt đối phần nhận diện (màu, chữ, logo) khỏi phần bố cục và phần logic nghiệp vụ. 2. Mọi tùy biến thương hiệu nằm trong một tệp cấu hình duy nhất, không rải rác trong mã. 3. Frontend chia thành các khối giao diện độc lập, mỗi khối nhận dữ liệu qua tham số. 4. Backend tách rõ tầng dữ liệu và tầng xử lý, có điểm mở rộng cho tính năng mới. 5. Kèm hướng dẫn đổi thương hiệu chỉ bằng vài bước. KHUÔN ĐẦU RA - Sơ đồ cây thư mục đầy đủ. - Danh sách biến nhận diện thương hiệu kèm ví dụ giá trị. - Mô tả từng module giao diện và module backend. - Đoạn mã mẫu cho tệp cấu hình và một khối giao diện. - Các bước đổi sang thương hiệu mới. - Ghi chú về phần dễ vỡ khi tùy biến.
Thay nội dung trong dấu [ ] trước khi sử dụng.
Mẹo tinh chỉnh
Bộ khung tốt là bộ khung mà người sau chỉ cần sửa một tệp cấu hình là chạy được cho thương hiệu mới. Nếu dự án đã có công nghệ riêng, ghi thẳng vào phần ưu tiên để tránh sinh ra mã lệch stack. Khi muốn thêm tính năng về sau, hãy xin luôn điểm mở rộng ngay từ đầu thay vì sửa nền. Với dự án lớn, chia yêu cầu thành hai lượt: lượt đầu chỉ xin cấu trúc, lượt sau mới xin mã cho từng module.
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 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 promptDựng website hồ sơ cho nghệ sĩ biểu diễnĐưa nghệ danh và danh sách buổi diễn, nhận về cấu trúc trang, danh sách tệp cần tạo và khối đặt lịch.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