AI UI 审美提升:taste-skill 与 Impeccable
AI 写 UI 最大问题是都长一个样。两个 skill 解。
- 问题:默认审美"通用 slop"(AI 批量产的劣质模板)。
- taste-skill:67.5k stars,"反 slop" 框架,风格库一键装。
- Impeccable:49.9k stars,23 个命令 + 7 大模块知识库精细打磨。
- 配合:风格约束 + 渐进打磨可叠加使用。
- 安装:一行
npx skills add即装即用。 - 背景:都源自 Anthropic 官方
frontend-designskill。
AI 写的 UI 的"模板味"到底是什么?
不是配色丑,是没有"做过选择"。
你有没有发现,AI 默认生成的页面有一个共同特征:所有按钮都圆角、所有卡片都阴影、所有标题都渐变紫蓝。它不是设计错了,是 根本没设计过——只是把 Tailwind 默认类名拼了一遍。
更扎心的细节:8px 网格不遵守、图标和文字基线没对齐、hover 反馈缺失、响应式断点随便给一个。这种"能跑但丑"的页面,设计师看一眼就知道是 AI 出的。
不是模型能力不够,是 prompt 没说"你应该像设计师一样思考"。两个 skill 的解法本质上是同一件事:给 AI 装上设计纪律,但切入角度完全不同。
taste-skill:风格库 + 一键安装
taste-skill 的官方定位是 "Anti-Slop Frontend Framework for AI Agents"——把"反模板"作为第一目标。
特点
核心载体是一组可携带的 SKILL.md 文件,AI Agent 加载后像多了个"设计偏见包"。设计纪律分两类:
| 约束维度 | 作用 |
|---|---|
| DESIGN_VARIANCE | 视觉变化强度,避免千篇一律 |
| MOTION_INTENSITY | 动效强度可调 |
| VISUAL_DENSITY | 信息密度旋钮 |
| 风格库 | Apple / Linear / Stripe / Awwwards / 高级 SaaS 等多套视觉语言 |
底层不预设单一审美,而是给 AI 一整套"风格档位"让它按项目类型自动匹配。License MIT。
如何使用
npx skills add https://github.com/Leonxlnx/taste-skill
一行命令,Claude Code / Cursor / Codex 后续生成的所有前端都会自动套用内置规则。安装后无需重启 IDE,下一次会话自动加载。也可以只安装单个子技能:
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
应用场景
- 团队统一审美基线:多个项目都要"长得像",靠 prompt 反复强调不靠谱
- 从零生成新页面:约束在生成阶段生效,省掉后期返工
- 不想每次写提示词强调"别用渐变":装一次永久生效
截至 2026-07-26 仓库 Star 数 67.5k。
Impeccable:23 个命令,像设计总监下指令
Impeccable 走另一条路:不预设风格,给你一套"设计语言"指令,按需调用。
特点
底层不是简单提示词模板,而是 完整的设计知识库——Typography、Color & Contrast(WCAG 无障碍)、Spatial Design、Motion、Interaction、Responsive 七大模块各有一份参考资料。License Apache 2.0。
23 个斜杠命令覆盖四大维度:
| 维度 | 命令示例 |
|---|---|
| 诊断类 | /audit(全面质量审计)、/critique(UX 深度评审) |
| 质量类 | /normalize(对齐设计系统)、/polish(上线前打磨) |
| 增强类 | /animate(加微交互)、/colorize(色彩策略)、/typeset(专业排版) |
| 强度调节 | /bolder(增加视觉冲击)、/quieter(降低视觉噪音) |
设计语言体系建立在 Anthropic 官方 frontend-design skill 之上,相当于官方的"工程化增强版"。
如何使用
代码生成完后,对 AI 说一句:
/audit
AI 立刻按 23 条设计纪律做一轮体检并给出修改建议。其他命令同理,单条触发、即时反馈。也可手动复制仓库里的 SKILL.md 粘贴进 Cursor / ChatGPT 对话临时启用。
应用场景
- 现有项目渐进打磨:不重写代码,而是按命令逐项审查
- 精细控制每一步设计动作:不需要"装一次管所有",按需触发
- 设计师复盘流程:一行命令拉审计报告,替代人工 review
截至 2026-07-26 仓库 Star 数 49.9k。
两个 skill 的差异
| 维度 | taste-skill | Impeccable |
|---|---|---|
| 设计哲学 | 反模板,约束生成 | 设计纪律,渐进打磨 |
| 触发方式 | 装一次自动生效 | 23 个斜杠命令按需调用 |
| 风格预设 | 多套视觉语言内置 | 不预设,按指令塑造 |
| 适合阶段 | 从零生成 | 已有代码精修 |
| 知识载体 | SKILL.md 规则集 | SKILL.md + 36 份参考文档 |
| License | MIT | Apache 2.0 |
| Stars | 67.5k | 49.9k |
两者不冲突:taste-skill 管"生成时不犯低级错误",Impeccable 管"生成后精修"。日常项目两个都装,约束 + 打磨双管齐下。
为什么"审美"突然变成 skill 的标配战场?
因为模型能力已经到了"能写",剩下的问题全是"写得好不好看"。
2026 年前后的 AI 编码工具,已经从"会不会写代码"卷到"代码有没有质感"。Anthropic 官方下场做 frontend-design skill、pbakaus(Impeccable 作者)做 Impeccable、独立开发者 Leonxlnx 做 taste-skill——三股力量同时往同一个方向推。
说明这不是个别开发者的洁癖,是 整个行业都意识到:AI 前端的最后一公里是审美。
之前靠设计师后期救场,现在 skill 把"审美约束"前置到生成阶段。流程上的变化是根本性的:设计师的角色从"修图"变成"定规则",AI 按规则生成,设计师只负责验收。
两个 skill 不是替代设计师,是让设计师的工作流前置到 prompt 之前。
References
- 两个 skill,让你的 AI 审美告别平庸 —— 吴哲轩 chris
- Leonxlnx/taste-skill —— GitHub, 2026
- pbakaus/impeccable —— GitHub, 2026