Skip to main content

AI UI 审美提升:taste-skill 与 Impeccable

· 6 min read

AI 写 UI 最大问题是都长一个样。两个 skill 解。

  1. 问题:默认审美"通用 slop"(AI 批量产的劣质模板)。
  2. taste-skill67.5k stars,"反 slop" 框架,风格库一键装。
  3. Impeccable:49.9k stars,23 个命令 + 7 大模块知识库精细打磨。
  4. 配合:风格约束 + 渐进打磨可叠加使用。
  5. 安装:一行 npx skills add 即装即用。
  6. 背景:都源自 Anthropic 官方 frontend-design skill。

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-skillImpeccable
设计哲学反模板,约束生成设计纪律,渐进打磨
触发方式装一次自动生效23 个斜杠命令按需调用
风格预设多套视觉语言内置不预设,按指令塑造
适合阶段从零生成已有代码精修
知识载体SKILL.md 规则集SKILL.md + 36 份参考文档
LicenseMITApache 2.0
Stars67.5k49.9k

两者不冲突:taste-skill 管"生成时不犯低级错误",Impeccable 管"生成后精修"。日常项目两个都装,约束 + 打磨双管齐下。

为什么"审美"突然变成 skill 的标配战场?

因为模型能力已经到了"能写",剩下的问题全是"写得好不好看"。

2026 年前后的 AI 编码工具,已经从"会不会写代码"卷到"代码有没有质感"。Anthropic 官方下场做 frontend-design skill、pbakaus(Impeccable 作者)做 Impeccable、独立开发者 Leonxlnx 做 taste-skill——三股力量同时往同一个方向推。

说明这不是个别开发者的洁癖,是 整个行业都意识到:AI 前端的最后一公里是审美

之前靠设计师后期救场,现在 skill 把"审美约束"前置到生成阶段。流程上的变化是根本性的:设计师的角色从"修图"变成"定规则",AI 按规则生成,设计师只负责验收。

两个 skill 不是替代设计师,是让设计师的工作流前置到 prompt 之前。


References

  1. 两个 skill,让你的 AI 审美告别平庸 —— 吴哲轩 chris
  2. Leonxlnx/taste-skill —— GitHub, 2026
  3. pbakaus/impeccable —— GitHub, 2026