Taste Skill
Taste Skill
Bộ skill thiết kế phổ biến nhất hiện nay, nhiều phong cách trong một lần cài, chạy được với hầu hết agent.
Bộ skill mã nguồn mở giúp AI agent (Claude Code, Cursor, Codex…) dựng giao diện có gu, không ra kiểu trang mẫu chung chung.
Giới thiệu
Taste Skill là bộ file SKILL.md mã nguồn mở (giấy phép MIT) do Leon Lin phát triển. Agent đọc các file này trước khi đụng vào giao diện, nhờ đó có quy tắc rõ ràng về chữ, khoảng cách, màu, bố cục và chuyển động thay vì lặp lại một khuôn quen thuộc.
Một lần cài có 13 skill chia nhóm: skill lõi (bản mặc định v2 tự đọc yêu cầu để chọn hướng thiết kế, có bước kiểm tra trước khi giao), skill quy trình (làm lại giao diện cũ, dựng từ ảnh tham chiếu, giữ đầu ra đầy đủ), skill phong cách (mềm, tối giản, brutalist) và skill tạo ảnh tham chiếu.
Dùng được với mọi agent đọc SKILL.md: Claude Code, Cursor, Codex, Gemini CLI, OpenCode, v0, Lovable.
Tính năng nổi bật
13 skill trong một lần cài
Lõi, quy trình, phong cách và tạo ảnh tham chiếu.
Tự suy ra hướng thiết kế
Bản v2 đọc yêu cầu (ngành, đối tượng, cảm xúc) rồi mới chọn bố cục.
Có bước kiểm tra trước khi giao
Agent phải qua danh sách kiểm tra mới được trả kết quả.
Làm lại giao diện cũ
Skill redesign kiểm tra trước, giữ những gì cần giữ rồi mới làm mới.
Dùng để làm gì
Landing page không bị “mùi AI”
Giao cho Claude Code dựng trang với gu rõ ràng ngay từ đầu.
Làm mới website đang có
Dùng redesign-skill để rà soát và nâng cấp giao diện.
Cách dùng
- 1
Mở terminal trong thư mục dự án
Cần Node.js để chạy lệnh npx.
- 2
Cài bộ skill
Lệnh cài toàn bộ skill vào dự án.
$npx skills add Leonxlnx/taste-skill - 3
Giao việc như bình thường
Agent tự đọc skill khi làm phần giao diện; có thể gọi thẳng tên skill khi cần một phong cách cụ thể.
Câu hỏi thường gặp
Có miễn phí không?
Có, mã nguồn mở theo giấy phép MIT.
Dùng với agent nào?
Mọi agent đọc được file SKILL.md: Claude Code, Cursor, Codex, Gemini CLI, OpenCode, v0, Lovable…
Có tiếng Việt không?
Skill viết bằng tiếng Anh; bạn vẫn giao việc cho agent bằng tiếng Việt bình thường.
Liên kết hữu ích
Muốn áp dụng vào doanh nghiệp của bạn?
2dm khảo sát quy trình, chọn công cụ phù hợp và triển khai cùng đội ngũ của bạn. Buổi tư vấn đầu tiên miễn phí.
Cùng chủ đề
Anthropic Skills
4.5
Kho skill mẫu chính thức của Anthropic cho Claude: mỗi skill là một thư mục hướng dẫn và tài nguyên giúp Claude làm tốt một loại việc cụ thể.
Tài liệu Agent Skills
4.0
Giải thích skill là gì, cấu trúc thư mục SKILL.md và cách Claude tự nạp skill khi cần.
Skill trong Claude Code
4.0
Cách tạo, cài và dùng skill riêng cho Claude Code trên máy hoặc theo từng dự án.