Taste Skill:63k stars 的「反 AI 味」前端技能包
GitHub 63k+ stars 的 Agent Skills 合集:13 个各司其职的技能,从布局/字体/动效的品味注入,到图生代码、老项目重设计、品牌图板生成——一行 npx skills add 装进 Claude Code、Codex 或 Cursor,让 AI 别再产出千篇一律的界面。
Taste Skill 自称「AI Agent 的反 Slop 前端框架」:一组可移植的 Agent Skills,专治 AI 生成界面的通病——布局呆板、字体平庸、没有动效层次。GitHub 63k+ stars,MIT 协议,Emil Kowalski(animations.dev)与 Vercel 开源计划赞助。
主技能 design-taste-frontend(v2)的思路很讲究:先读 brief 推断设计语言,再用三个 1-10 的旋钮控制产出——DESIGN_VARIANCE(布局实验度)、MOTION_INTENSITY(动效深度)、VISUAL_DENSITY(信息密度),附带 GSAP 代码骨架和严格的出厂前自检。
合集共 13 个技能、按需取用:gpt-taste(GPT/Codex 严格版)、image-to-code(生成参考图→分析→写码的一条龙)、redesign(先审计再修复老项目 UI)、soft/minimalist/brutalist 三种既定风格、output(治「AI 只写一半」)、stitch(可导出 DESIGN.md),外加 3 个纯出图技能(网页 comp、移动端流程图、品牌套件板)。
安装一行命令:npx skills add https://github.com/Leonxlnx/taste-skill,兼容 Claude Code、Codex、Cursor。想让 AI 写的前端「看起来贵一点」,从这里开始。


常见问题
Taste Skill 是什么?
自称「AI Agent 的反 Slop 前端框架」:13 个可移植 Agent Skills,专治 AI 生成界面的通病——布局呆板、字体平庸、没有动效层次。GitHub 63k+ stars。
怎么安装?
一行命令:npx skills add https://github.com/Leonxlnx/taste-skill。兼容 Claude Code、Codex、Cursor;也可以只装单个技能(--skill 参数)。
免费吗?
MIT 协议开源免费,由 Emil Kowalski(animations.dev)与 Vercel 开源计划赞助。官方声明没有任何加密货币项目。
13 个技能怎么选?
通用默认装 taste-skill(v2);GPT/Codex 用更严格的 gpt-taste;图生代码用 image-to-code;改造老项目用 redesign;soft/minimalist/brutalist 是三种既定风格;另有 3 个纯出图技能。
三个旋钮是什么?
主技能顶部的 1-10 档参数:DESIGN_VARIANCE(布局实验度)、MOTION_INTENSITY(动效深度)、VISUAL_DENSITY(信息密度),直接改数字就能调风格。