Taste Skill：给 AI 前端装点审美，不然它又开始三卡片紫渐变了

我看到 Taste Skill 第一反应不是“高级感”，是松了口气。

现在让 AI 写前端，最容易翻车的地方其实不是代码能不能跑，而是页面一打开，嚯，又是居中大标题、紫蓝渐变、三张卡片、圆角按钮。不是不能用，是一眼模板味。

Taste Skill 干的活就很直接：把一套 SKILL.md 规则塞给 AI coding agent，让它在布局、字体、动效、留白这些地方别太糊弄。项目页现在已经显示 33.2k Star，涨得比你素材里那会儿还猛。

它的安装也没搞复杂：

npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"

老鬼看这种项目，第一眼通常不看宣传词，先看命令、限制和有没有回滚余地。这里比较舒服的是，它不是逼你换框架，也不是上来给一堆组件库，而是加一个技能文件，让 Cursor、Claude Code、Codex 这类支持 SKILL.md 的工具去读。官方文档里也写了，装完会往项目里加 SKILL.md，不需要额外配置。

真正有意思的是它没把“审美”做成一种风格锁死。

里面有默认 taste-skill，也有专门给老项目做审计改造的 redesign-skill；还有 minimalist、brutalist 这种偏风格的技能。图片技能也挺现实：先生成网页、移动端或者品牌参考图，再交给 Codex、Cursor、Claude Code 去照着实现。

但先别急着吹。

这种东西最怕的不是没效果，而是效果太猛。比如你只是想改个后台表单，它突然给你上很激进的布局、滚动动效、密集视觉层级，最后产品经理看不懂，开发还要擦屁股。好在它留了三个旋钮：DESIGN_VARIANCE 管布局实验程度，MOTION_INTENSITY 管动画深度，VISUAL_DENSITY 管信息密度。这个点别小看，AI 前端最烦的就是“一刀切变好看”。

我会把它用在两类场景：一个是做 AI Demo，不想再忍那种默认壳子；另一个是老项目想快速过一遍视觉审计，但又不想重写业务逻辑。