Taste Skill：AI 写前端，终于少了点模板味

以下文章来源于AI工具教程，作者AI工具教程

好家伙，Taste Skill 这项目涨得有点快。东哥刚看 GitHub，已经不是 19200+ Star 了，项目页显示 33.2k。

它干的事也挺直白：给 Cursor、Claude Code、Codex 这类 AI 编程工具塞一套“审美规矩”，让生成出来的前端别老是那股模板味。

安装也不绕：

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

它不是组件库，也不是 UI 框架，更像一份能被 agent 读取的 SKILL.md。AI 写页面前，会被它按布局、字体、动效、留白这些方向先拧一遍。项目里还分了极简、soft、高级感、brutalist、老项目 redesign、image-to-code 等不同技能，不是只会一个“深色背景加渐变按钮”。

东哥对这类东西一般先看两点：第一，能不能局部用；第二，旧项目能不能救。Taste Skill 这里有 redesign-skill，思路是先审计已有界面，再动 spacing、层级、样式。这个挺实在，毕竟很多项目不是从 0 开始，更多是后台已经跑了两年，页面丑但业务不能停。

还有个 image-to-code 也有意思：先生成网页或移动端参考图，再让 Codex、Cursor、Claude Code 之类去照着实现。这个比直接一句“帮我做个高级官网”靠谱点，至少视觉目标先落在图上，不然 agent 很容易自由发挥到离谱。

它还留了三个旋钮：DESIGN_VARIANCE 控布局实验程度，MOTION_INTENSITY 管动画，VISUAL_DENSITY 管信息密度。这个细节我喜欢，因为有些 B 端页面真不能乱飞，动效太满，客户看了只会问“这个表格怎么导出”。

项目地址：GitHub / Leonxlnx / taste-skill。经常拿 AI 搭前端 demo 的，可以丢进工作流里试一下。别指望它替你做产品判断，但把那种塑料感页面先压下去，确实有用。

GitHub地址：Leonxlnx/taste-skill