Taste Skill
Agent Skill chống 'slop' cho frontend — layout, typography, motion, spacing đúng gu thay vì giao diện boilerplate nhìn phát biết AI làm.
- Status
- active
- Setup difficulty
- plug-and-play
- Use case mình dùng
- Cài trước khi để AI dựng landing page/portfolio — ép agent chọn layout/typography/spacing có chủ đích thay vì mặc định generic.
Limitations
- Cần dùng chung với 1 coding agent hỗ trợ Agent Skills (Codex, Cursor, Claude Code) để phát huy tác dụng
Bộ Agent Skill nâng cấp giao diện do AI dựng — thiên về layout mạnh, typography có chủ đích, motion và spacing hợp lý, thay vì kiểu UI boilerplate nhìn ra ngay là AI làm. Kèm cả skill sinh ảnh tham chiếu (reference board cho web, mobile, brand kit) để ghép với ChatGPT Images rồi đưa cho Codex/Cursor/Claude Code implement.
Cài đặt
Dùng CLI npx skills add — quét thư mục skills/ của repo, cài được tất cả skill (cả code lẫn image-generation) cùng lúc:
npx skills add https://github.com/Leonxlnx/taste-skillChỉ cài 1 skill cụ thể (theo name: trong frontmatter của SKILL, không phải tên folder):
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"Hoặc copy thẳng file SKILL.md vào project, hoặc dán vào hội thoại ChatGPT/Codex.
Lưu ý
Không host lại file ở đây — cài qua npx skills add để luôn có bản mới nhất. Bản taste-skill mặc định (install name design-taste-frontend) hiện là v2 (experimental) — bản viết lại lớn so với v1, tự động nâng cấp nếu bạn cài lại lệnh trên.