夜雨聆风现在用 AI 写前端，最尴尬的不是“它不会写 React”，而是它太会写那种一眼 AI 味的页面：深色背景，紫色渐变，三张等宽 feature card，按钮像从模板里复制出来，英雄区下面还非要塞一堆莫名其妙的小标签。
代码能跑，截图能交差，但你自己盯三秒就知道：这东西不像一个产品，像一个模型在努力扮演设计师。
今天这个项目就很直接，名字叫 Taste Skill。它不是新的 UI 框架，也不是另一个代码生成器，而是一组给 AI Coding Agent 用的 SKILL.md：把“别再做模板前端”的判断，拆成一套可以被 Agent 读取、执行、复查的规则。
开源项目简介
Taste Skill 是 Leonxlnx 开源的前端设计技能包，仓库是 Leonxlnx/taste-skill，官网是 tasteskill.dev。它面向的不是传统设计师，而是正在用 Codex、Cursor、Claude Code、Gemini CLI、OpenCode、v0、Lovable 这类工具生成界面的开发者。
你可以把它理解成“给 Agent 装上的前端审美检查器”。它不会替你选一个神秘的万能风格，而是让 Agent 先读需求，再判断页面类型、受众、品牌语气、参考对象、动效强度和信息密度，最后用一套可复查的规则去生成或改造界面。
项目现在的默认核心技能是 design-taste-frontend，v2 仍标注为 experimental。这个信息很重要：它已经比早期版本更系统，但规则还在快速迭代。如果你把它放进生产工作流，最好把 skill 文件纳入项目版本控制，而不是每次都盲目拉最新。
几个核心亮点
第一，它把“审美”拆成了 Agent 能执行的约束。
很多人吐槽 AI 前端没审美，其实问题不是模型不知道漂亮页面长什么样，而是它缺少稳定的取舍顺序。Taste Skill 要求 Agent 先做一行 Design Read：这是 SaaS 落地页、作品集、改版，还是编辑型页面？给谁看？应该偏 Linear 式克制，还是偏 Awwwards 式实验？这一步看起来小，但能阻止 Agent 一上来就套默认套路。
第二，它不只说“做高级一点”，而是列了很多硬禁止项。
比如 AI 紫色渐变、三等分 feature card、假产品 UI、英雄区版本标签、装饰性滚动提示、每个 section 都来一个小写大间距 eyebrow、动效只为炫技、按钮对比度不够、CTA 文案换来换去但意图重复。这些不是玄学，而是你看 AI 生成页面时经常觉得“廉价”的具体来源。
第三，它把设计系统这件事说清楚。
如果需求明显像 Microsoft 企业后台，就应该用 Fluent；像 Shopify 后台，就该考虑 Polaris；像 GitHub 风格开发者产品，就看 Primer；公共服务类页面则应该认真对待 GOV.UK 或 USWDS。Taste Skill 的思路不是“我手搓一个像设计系统的东西”，而是先判断有没有官方系统可用，再决定什么时候只是在做 aesthetic approximation。
第四，它适合改已有项目，而不只是绿地生成。
项目里还有 redesign-existing-projects 这类技能，强调先审计再动手：URL、导航标签、表单字段、法务文案、品牌 wordmark 不能静悄悄改掉。这个方向很实用，因为真实项目里最危险的不是页面不够酷，而是 Agent 为了“变好看”顺手改坏业务结构。
怎么用
最简单的方式是用 npx skills add 安装：
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"如果你想一次装完整套技能，也可以直接装仓库：
npx skills add https://github.com/Leonxlnx/taste-skillCodex 用户可以按自己的 skills 目录安装；不想折腾 CLI 的话，也可以把对应的 SKILL.md 复制到项目里，或者直接贴进一次对话里使用。
实际使用时，我建议不要只说“帮我做一个高级 landing page”。更好的提示是：
使用
design-taste-frontend，先给出 Design Read，再改这个页面。目标用户是开发者，风格克制但不要像模板，优先保证移动端、按钮对比度和首屏信息层级。
如果是现有项目，则先让 Agent 做一次 UI 审计，再分批改。不要让它一次性“整体重设计”，那很容易把能用的产品改成漂亮但不可维护的样板间。
简短判断
Taste Skill 值得看的地方，不是它宣称能让 AI “变有品味”，而是它把很多模糊的前端判断写成了可执行的规则：先读场景，再选系统，再限制套路，最后用 pre-flight checklist 收尾。
它也不是银弹。真正的品牌判断、业务优先级、可访问性责任，仍然需要人来把关。尤其 v2 还在实验期，团队使用时最好固定版本，并删掉不适合自己产品的规则。
但如果你已经在用 Agent 做前端，这类 skill 很可能会成为标配：不是让 AI 更会“炫”，而是让它少犯那些一眼看穿的低级审美错误。
关注 唔想编程 / vibecodinghub：每天挑一个真正值得开发者试用的开源项目，不堆榜单，只讲它解决什么问题、怎么用、哪里要小心。
项目地址：https://github.com/Leonxlnx/taste-skill\官网文档：https://www.tasteskill.dev/docs
