Thiết kế Website, Landing Page, HTML Pro Max

Sản phẩm này làm được gì

Đây là một AI Agent skill: một tệp quy trình, bốn tệp tham chiếu agent chỉ mở khi cần, và hai tệp mẫu dán vào là chạy. Bạn giao việc bằng tiếng Việt, agent làm theo đúng bảy bước và dừng lại chờ bạn duyệt ở những chỗ quan trọng.

Quy trình bảy bước

• 1. Chẩn đoán. Agent hỏi năm câu trước khi vẽ một nét nào: người đọc là ai, một hành động duy nhất là gì, có gì chứng minh được
• 2. Chọn vai trò trang. Trang đích quảng cáo, trang bán sản phẩm, trang giới thiệu hay trang tài liệu, mỗi loại một khung bắt buộc khác nhau
• 3. Sinh hệ thống thiết kế từ một màu thương hiệu, rồi dừng chờ bạn duyệt
• 4. Viết chữ trước, vẽ sau. Toàn bộ nội dung ra dạng danh sách, chưa có HTML nào, rồi dừng chờ bạn duyệt
• 5. Dựng mã. HTML có nghĩa, một tệp CSS, mọi màu lấy từ biến, điện thoại trước
• 6. Tự kiểm bằng số. Chạy hết danh sách, mỗi mục phải có cách kiểm được, không chấp nhận "nhìn thấy ổn"
• 7. Bàn giao kèm danh sách những chỗ còn cần bằng chứng thật

Bốn tệp tham chiếu

• Hệ thống thiết kế. Công thức sinh cả thang màu từ một màu gốc, thang chữ, thang khoảng cách, và bộ biến CSS dán vào là chạy
• Chữ tiếng Việt. Phần không hướng dẫn thiết kế nào của nước ngoài có: tiếng Việt chồng hai tầng dấu nên cần độ giãn dòng riêng, danh sách phông có đủ ký tự tiếng Việt, và cách tự chứa phông thay vì gọi ra máy chủ Google
• Bố cục. Từng phần trang kèm việc phần này phải làm và cách nó thường hỏng
• Danh sách tự kiểm. Sáu nhóm, mỗi mục kèm câu lệnh chạy được trong trình duyệt để kiểm

Hai tệp mẫu

• nen.css nền CSS đầy đủ: biến, chế độ tối, nút, thẻ, bảng, câu hỏi thường gặp không cần JavaScript, và cả kiểu in ra giấy
• trang-ban-hang.html khung trang bán hàng đủ chín phần, mỗi phần có chú thích nói rõ việc của nó