webai.conan.school

Trang giới thiệu khoá WebAI: người không biết kỹ thuật tự làm website, đăng ký tên miền, tạo sub-domain và email tên miền riêng, bằng công cụ miễn phí (khoản duy nhất có thể tốn là tên miền .com, Cloudflare bán giá gốc).

• Mã: webai.conan.school/ (Vite + React, Tailwind v4 + shadcn/ui + Motion). Pages project webai-conan-school.
• Deploy: .github/workflows/deploy-webai.yml, build kiểm ở job sites của CI.
• Tên miền gắn một lần ở dashboard (Pages > Custom domains), token CI không gắn được domain Pages.

Hai trang

• / giới thiệu khoá.
• /huong-dan: 8 phần, mỗi phần vài bước. Bấm một bước để mở chi tiết, có nút đánh dấu xong / chưa xong. Tiến độ lưu localStorage (khoá webai-progress-v1) theo id bước: đổi id là xoá tiến độ của người học. Nội dung ở src/guide.ts.

Bảy file đầu ra

audience.md (JTBD + pains, nhóm chính và nhóm phụ), prd.md, sitemap.md, content.md, design-system.md, tech-stack.md, launch.md. Mẫu nằm trong TEMPLATES ở src/guide.ts, tải về bằng nút trong bước tương ứng.

Design System

Chọn từ kho UI UX Pro Max, dòng "Online Course/E-learning" của products.csv: Claymorphism + Vibrant & Block-based. Lấy phần hình khối (bo lớn, viền dày 2-3px, bóng đôi lệch), khai thành hai tiện ích clay / clay-sm trong src/index.css. Màu không lấy bảng pastel của UI UX Pro Max: luật màu của repo bắt mọi màu đi từ theme.css, nên bóng chỉ dùng đen thuần.