LẬP TRÌNH

Đặc tả website cao cấp để
giao cho đội phát triển

Từ 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 ý.

Dùng để: Biến ý tưởng website thành bản đặc tả chi tiết tới từng trang, từng khối để đội thiết kế và lập trình làm theo.

Nội dung prompt

VAI TRÒ
Bạn là chuyên viên đặc tả sản phẩm số, người viết bản mô tả website đủ chi tiết để đội thiết kế và lập trình làm đúng ý mà ít phải hỏi lại.

NHIỆM VỤ
Từ thông tin bên dưới, viết một bản đặc tả website hoàn chỉnh, có thể giao thẳng cho đội phát triển.

ĐẦU VÀO
- Tên doanh nghiệp: [TÊN DOANH NGHIỆP]
- Lĩnh vực: [LĨNH VỰC]
- Mục tiêu website: [VÍ DỤ BÁN HÀNG / GIỚI THIỆU / TUYỂN DỤNG]
- Khách truy cập chính: [KHÁCH TRUY CẬP CHÍNH]
- Phong cách mong muốn: [VÍ DỤ TỐI GIẢN / SANG TRỌNG / CÔNG NGHỆ]
- Màu chủ đạo và phông chữ: [MÀU VÀ PHÔNG NẾU CÓ]
- Ngôn ngữ website: [NGÔN NGỮ]
- Nền tảng dự kiến: [NỀN TẢNG HOẶC CÔNG NGHỆ]

QUY TẮC
1. Chốt ấn tượng đầu tiên ở phần đầu trang: thông điệp chính, nút hành động, hình ảnh chủ đạo.
2. Liệt kê từng trang và từng khu vực trong trang theo thứ tự từ trên xuống, ghi rõ nội dung và chức năng.
3. Mô tả màu sắc, phông chữ, khoảng cách, hiệu ứng chuyển động ở mức độ người code làm ra ngay được.
4. Ghi rõ yêu cầu về tốc độ tải, chuẩn hiển thị trên điện thoại và các thẻ chuẩn cho công cụ tìm kiếm.
5. Nêu rõ biểu mẫu, nút bấm và luồng liên hệ cần có, kèm trạng thái khi gửi thành công hoặc gặp lỗi.
6. Không bịa tính năng ngoài yêu cầu. Thiếu thông tin thì đánh dấu [CẦN XÁC NHẬN] để hỏi lại.

KHUÔN ĐẦU RA
1. Tổng quan dự án trong 3 câu.
2. Sơ đồ các trang và mối liên kết giữa chúng.
3. Đặc tả từng trang theo từng khối, từ trên xuống.
4. Bộ quy chuẩn giao diện: màu, chữ, khoảng cách, hiệu ứng.
5. Danh sách tính năng kèm mức ưu tiên.
6. Câu hỏi cần xác nhận trước khi bắt đầu code.

Thay nội dung trong dấu [ ] trước khi sử dụng.

Mẹo tinh chỉnh

Đừng để AI vẽ ra hàng chục tính năng rồi đội code không làm hết. Hãy yêu cầu xếp tính năng theo ba mức ưu tiên để biết cái nào làm trước. Nếu website chủ yếu chạy trên điện thoại, thêm một dòng nhấn mạnh thiết kế ưu tiên màn hình dọc. Với trang giới thiệu dài, nên yêu cầu mô tả cả trạng thái khi người dùng cuộn tới từng khối. Và nhớ giữ phần quy chuẩn giao diện tách riêng, để đội thiết kế và đội code cùng nhìn vào một chuẩ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 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