Taste-Skill
给 AI agent 审美品味的 Anti-Slop 前端设计技能包:三旋钮参数 + AI 味禁令 + 检查清单把品味变成可执行规范,落地页作品集不再像模板,内置 13 个 skill。
仓库:Leonxlnx/taste-skill
热度证据:76k star,反 AI slop 话题顶流;github-study README 设计系统榜:解决Agent生成前端千篇一律问题,7k+星;本地已克隆;GitHub claude skills 搜索 7.6 万星;多篇中文『让 AI
五维评分
热度5/5
质量5/5
创新5/5
易用4/5
文档5/5
优秀点拆解
- Brief Inference 先读房间:写代码前强制声明一行 Design Read(页面类型/受众/风格语言),有歧义只问一个问题,从根源阻止模型套默认审美
- 三旋钮参数化:DESIGN_VARIANCE / MOTION_INTENSITY / VISUAL_DENSITY 三个 1-10 旋钮带推断矩阵与用例预设,全文档变量名契约(禁别名),用户对话式覆盖即可调风格
- AI Tells 硬禁令 + 机械质量门:约 50 项可勾选 Pre-Flight 清单(em-dash 计数=0、eyebrow 每 3 节最多 1 个、CTA 不换行等),每项禁令带显式覆盖路径,把主观审美变成可自查验收
- 诚实映射原则:brief 匹配官方设计系统(Fluent/Carbon/Polaris 等 12 家)时强制装官方包,纯美学方向标注为近似实现(Apple Liquid Glass 明确无官方 web 包),附录给真实安装命令与权威文档锚点
- 产品化工程:13 个 skill 按职责切分(实现/图片生成/风格变体/防截断),skill.sh 注册表 + npx skills add 兼容,安装名与文件夹名分离,v2 默认 v1 可钉版原地升级,CHANGELOG 记录测试驱动演进
可复用的设计模式
- 反默认清单 + 显式覆盖路径(Ban-then-Override):每条禁令配「仅当 brief 点名 X 才允许」的放行条件,比一刀切或鼓励多样化都有效
- 把主观质量转译为可机械检查的量化清单(em-dash 数、eyebrow 数、字数上限),让 agent 自查、人类可验收
- 知识分层:模式名词典(词汇表)与实现库(Block Library)分离,实现先定 frontmatter schema 契约再迭代填充
- 研究驱动的规则来源:用受控实验与生产测试观察沉淀规则(research/laziness/ + CHANGELOG 每条禁令注明出处)
- 全局配置用命名参数系统(三旋钮)并做全文档变量名契约,规则按参数值门控生效
适用场景
SaaS / agency / 消费品牌落地页与营销站的高端前端生成设计师 / 开发者作品集、品牌站、editorial 站点的个性化设计现有站点的视觉改版(Preserve 保留 / Overhaul 推翻双模式,先审计后动手)图片参考 → 代码工作流(image-to-code:先生成设计图再实现)想系统学习「AI 前端设计避坑清单」的设计师或工程师(规则本身可独立阅读)
边界与注意:明确不适用 dashboard、数据表格、多步表单、原生移动等产品 UI(§13 Out of Scope 自述);v2 仍为 experimental 版本;SKILL.md 约 1200 行对上下文是负担且机械规则有「新模板化」风险;规则面向英文排版(em-dash 等),中文场景部分规则需自行改写;默认栈是 React/Next + Tailwind + Motion。
完整拆解分析文档
本页为摘要版,完整精读分析(核心机制、逐条优秀点拆解、写作过程)见本地 Markdown 文档:
analysis/taste-skill.md