🎨 Taste Skill: Bộ Công Cụ Giúp AI Code Giao Diện Đẹp Thay Vì Nhàm Chán
Bạn dùng Claude Code hay Cursor để build UI, nhưng kết quả cứ trông y chang nhau, màu xanh dương + trắng quen thuộc, layout đơn điệu, cảm giác "đây là AI làm" lộ ra ngay? Taste Skill sinh ra đúng để giải quyết vấn đề đó.
🤔 Vấn Đề Mà Ai Dùng AI Code UI Cũng Gặp
Khi bạn nhờ Claude Code, Cursor, hay Codex thiết kế giao diện, kết quả thường rơi vào một cái "bẫy thẩm mỹ" rất phổ biến. Màu primary luôn là xanh dương. Layout luôn là card + sidebar + header. Button luôn bo góc đều, shadow nhẹ nhàng. Mọi thứ an toàn đến mức nhàm chán.
Không phải AI thiếu khả năng. Mà là AI không có hướng dẫn thẩm mỹ cụ thể để đi theo.
🧰 Taste Skill Là Gì
Taste Skill là một bộ "Agent Skills" mã nguồn mở, hiện có hơn 41.500 sao trên GitHub, được thiết kế đặc biệt để cung cấp cho AI coding tools một ngôn ngữ thẩm mỹ rõ ràng trước khi bắt đầu code UI.
Đây là tập hợp các file hướng dẫn mà bạn đưa vào cuộc hội thoại với AI agent. Thay vì nói "làm cho đẹp đi", bạn đưa cho AI một bộ tham số cụ thể, có cấu trúc. Framework không quan trọng, hoạt động với React, Vue, Svelte và hầu hết các framework khác.
🎛️ Hệ Thống "Dials" Điều Chỉnh Aesthetic
Variance kiểm soát mức độ biến thiên trong thiết kế. Variance thấp cho ra giao diện nhất quán, chuyên nghiệp. Variance cao tạo ra những lựa chọn thiết kế bất ngờ, cá tính hơn.
Motion Intensity quyết định cường độ animation và transition. Từ tinh tế gần như không có, đến mạnh mẽ và theatrical tùy theo cảm giác bạn muốn truyền tải.
Visual Density kiểm soát mật độ thông tin trên màn hình. Minimalist với nhiều khoảng trắng, hay dense với nhiều thông tin packed vào một không gian.
🗂️ 11 Skill Variants Cho Mọi Phong Cách
Taste Skill đến với hơn 11 skill variants: Minimalist cho giao diện sạch, Brutalist cho phong cách thô trực tiếp, High-end cho cảm giác premium luxury. Mỗi variant là một bộ hướng dẫn hoàn chỉnh giúp AI hiểu cả tinh thần thiết kế đằng sau phong cách.
🖼️ Pipeline Tạo Reference Board Trước Khi Code
Taste Skill khuyến khích việc tạo ra một bảng tham chiếu hình ảnh trước, bao gồm màu sắc, texture, ví dụ typography. AI sẽ có hướng dẫn cụ thể bằng hình ảnh để follow, thay vì tự diễn giải các mô tả trừu tượng.
🚀 Cách Cài Đặt Và Sử Dụng
Dùng CLI: npx skills add [github-url]. Hoặc đơn giản hơn: paste thẳng nội dung file SKILL.md vào cuộc hội thoại với AI agent, Claude Code, Cursor, hay bất kỳ tool nào khác. Zero overhead, maximum clarity.
Bạn đã thử để AI code UI mà kết quả trông "quá AI" chưa? Với Taste Skill, bạn sẽ thử phong cách nào đầu tiên?
