反「AI 味」前端技能包:13 个 SKILL.md 一次装进 Cursor、Claude Code、Codex、Gemini CLI、v0、Lovable 等工具,给 Agent 明确的排版、间距、配色、布局与动效规则,避免每次都套同一个模板。MIT 开源,另附免费的 TasteCode 桌面版公测。 定价:免费开源(MIT);TasteCode 桌面版免费公测。
Taste Skill 是什么?
Taste Skill 是给编程 Agent 用的一套前端规则文件,官方定位是「给 AI Agent 的反 slop 前端框架」。它要解决的问题很朴素:不管用哪个模型,只要不给额外指导,Agent 生成的前端就长得差不多——同样的字号阶梯、同样的卡片堆叠、同样的动效节奏。
它把设计判断写成 SKILL.md,Agent 动 UI 之前先读一遍。一次安装装进 Cursor、Claude Code、Codex、Gemini CLI、v0、Lovable、OpenCode 等工具,凡是读 SKILL.md 的都能用。
13 个技能,按场景挑
默认是 v2 的 design-taste-frontend:读 brief、推断设计方向、交付不像模板的界面,改版时 audit-first,最后过一道严格的 pre-flight 检查。此外还有:给 GPT 与 Codex 调的更严格变体 gpt-tasteskill;面向存量项目的 redesign-skill;先生成设计参考图再照着实现的 image-to-code-skill;保证输出完整的 output-skill;三种风格技能(soft / minimalist / brutalist);Google Stitch 兼容的 stitch-skill;三个出图技能(网页参考图、移动端概念、品牌 kit)。
规则覆盖什么
- brief 推断:先判断行业、受众、情绪、动效深度与布局家族,再决定怎么做。
- 设计系统映射:明确什么时候该用 Material、Fluent、Carbon、Polaris、Primer、Radix、shadcn 或 Tailwind,什么时候原生 CSS 更合适。
- 暗色模式协议:默认双模,两套主题在对比度与层级上对齐。
- 改版协议:对存量项目先审计,附保留规则与现代化手段。
- 区块库 schema:给「持续加区块」定契约,避免库越加越乱。
- 硬性 pre-flight:每一项都诚实通过才允许交付。
值不值得用?
如果你在用 Agent 批量产前端,这套规则的价值在于把「审美」拆成可检查的条目,比在提示词里写「做得高级点」稳定得多。13 个技能分工清楚,按任务挑一个即可,不必全装。
需要冷静的地方:v2 官方标注实验性,规则措辞还在收敛,版本选错效果差别明显(v1 仍保留给依赖旧行为的项目);它给的是规则与判断,不替代你真实的品牌设计系统;对完全不懂设计的人,规则本身仍有理解门槛。
适合谁用?
推荐:用 Agent 写前端、想摆脱模板感的独立开发者与小团队;需要一套可执行的 UI 规范而不是一份 PDF 设计指南的产品团队。
可考虑:做 AI 产品官网、活动页、落地页的增长团队——这类页面最容易被「AI 味」拖累信任。
不推荐:需要手绘插画、大色块海报等非界面风格的项目(官方明确说这类不合适);以及完全不使用 Agent 的传统设计流程。