https://github.com/leonxlnx/taste-skill
Taste Skill：给 AI 写前端加一点“审美约束”
最近看到一个挺有意思的开源项目：Taste Skill。它解决的问题很具体：现在让 AI 写一个前端页面，已经不难了。React、Tailwind、卡片、按钮、渐变背景、Hero 区域，AI 很快就能堆出来。代码能跑，结构也完整，但很多页面一眼看过去，就有一种熟悉的“AI 味”。
常见的样子大概是：深色背景、蓝紫渐变、大标题居中、三四个功能卡片、一个发光按钮。不能说丑，但也谈不上有什么设计判断。它像是把互联网上最常见、最安全的前端页面平均了一下。
Taste Skill 的价值就在这里。
它不是一个新的 UI 组件库，也不是让你多装一套按钮、卡片、弹窗。组件库解决的是“有什么材料可以用”，Taste Skill 更像是在提醒 AI：这些材料应该怎么摆，信息密度应该多高，动效要不要克制，布局能不能有一点变化，页面第一眼是否清楚。
AI 写代码的问题，很多时候已经不是“不会写”，而是“没有边界”。你只说“做得高级一点”“现代一点”“不要太模板”，AI 很容易理解成加渐变、加阴影、加动效。结果页面看起来热闹了，但并不一定更好。
Taste Skill 把这些模糊的审美要求，拆成了一些更容易执行的规则。比如布局变化程度、动效强度、视觉信息密度。它让 AI 在开始写界面之前，先做一点设计判断，而不是直接进入代码生成。
这也是它和普通提示词的区别。
普通 prompt 往往是一次性的，写完这次就结束。Taste Skill 更像是一层项目级规则。放进项目以后，支持这类 Skill 文件的 AI 编程工具就可以读取它，把它当成长期约束来用。这样做的好处是，不需要每次都反复告诉 AI：别太花、别太空、别太模板、页面层级要清楚。
当然，也不能把它看得太神。Taste Skill 不是设计师，也不是完整的设计系统。它能减少 AI 生成页面时的套路感，但不能替代产品判断、品牌定位和交互设计。尤其是做后台系统、政务系统、数据面板这类页面时，第一优先级还是清楚、稳定、可读。为了所谓“高级感”去搞复杂动效和怪异排版，反而会伤害使用体验。
但如果你经常用 Codex、Claude Code、Cursor 或其他 AI 编程工具生成落地页、Demo 页面、个人项目主页、小工具界面，它就比较有用。它不能保证一次生成完美页面，但至少能把 AI 从默认模板里往外拉一点，减少后面人工大改视觉的成本。
我觉得它真正有价值的地方，不是“让 AI 变成设计师”，而是给 AI 加了一层审美约束。
AI 生成内容最怕没有约束。没有约束，它就回到平均值；约束清楚一点，它才可能生成更接近真实需求的东西。
