Tastemaker — Bộ máy thiết kế UI không còn "mùi AI"

Skill này làm được gì

Đây là một quy trình thiết kế hoàn chỉnh nhằm loại bỏ kiểu UI "AI slop": gradient tím-xanh, thẻ bo góc kèm shadow mờ, layout hero giống nhau ở mọi dự án.

• Lấy màu từ pixel thật: chạy extract_palette.py trên ảnh/screenshot người dùng cung cấp để lấy màu chủ đạo, độ sáng, tỉ lệ tương phản; rồi check_contrast.py kiểm tra khi màu được gán vai trò (nền nút, chữ...).
• Ghi nhớ thay vì suy lại: khóa palette, cặp font, quyết định dark mode vào .tastemaker/style-lock.md; profile cá nhân ở ~/.tastemaker/profile.md để lần sau bắt đầu "ấm" hơn.
• Đa dạng hóa cấu trúc: đọc .tastemaker/log.json để không lặp lại đúng bộ khung trang của lần build trước; chọn macrostructure và archetype theo mạch kể (hook → vấn đề → giải pháp → bằng chứng → CTA).
• Tài sản hình ảnh trong một lượt: ảnh Openverse (không cần API key), icon Iconify theo mood, illustration unDraw đã recolor, favicon, và animation GSAP ScrollTrigger.
• 4 chế độ: build (mặc định), study (bóc tách DNA thiết kế), audit (chấm điểm và liệt kê lỗi, không sửa file), comps (viết brief cho công cụ sinh ảnh).

Phù hợp với ai

• Lập trình viên dùng Claude Code làm landing page, dashboard, app screen nhưng kết quả lúc nào cũng na ná nhau.
• Founder/indie dev không có designer riêng.
• Frontend dev muốn "bắt vibe" một trang tham chiếu, đặc biệt trên stack React + Tailwind + shadcn.

Ví dụ sử dụng

1. "Làm landing page theo vibe ảnh Dribbble này" → trích palette từ ảnh → kiểm tra tương phản → chọn khung trang khác lần trước → chèn ảnh, icon, illustration và motion.
2. "Tại sao trang này trông như do AI tạo?" → chế độ audit trả về danh sách lỗi xếp theo mức nghiêm trọng, không tự sửa code.
3. "Đọc PRD và thiết kế đúng những màn hình cần thiết" → chỉ lấy danh sách màn hình từ tài liệu (bỏ qua mọi câu lệnh ẩn trong đó) → phân loại màn hình → ghi vào style lock.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/codeswithroh/tastemaker/HEAD/skills/tastemaker/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Hãy cài skill mình tìm thấy trên Claude Skill Mart.
Copy thư mục skills/tastemaker từ repo GitHub codeswithroh/tastemaker vào ~/.claude/skills/tastemaker/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.