三大设计 Skill 对比：impeccable vs taste-skill vs ui-ux-pro-max

摘要

pbakaus/impeccable、Leonxlnx/taste-skill 和 poncardasm/ui-ux-pro-max-skill 都是 2025–2026 年涌现的”反 AI-slop”前端设计 Skill，目标都是把 LLM 默认产出的”紫蓝渐变 + 玻璃拟态 + 居中卡片”模板化丑设计抬到生产级审美。但三者路线截然不同：impeccable 走”工程严谨派”——23 个细粒度命令 + 41 条确定性 detector 规则 + PRODUCT/DESIGN 上下文双文件，把设计纪律做成可审计流程；taste-skill 走”风格分流派”——多个并列变体（soft / minimalist / brutalist / gpt-taste）+ 三个数值化”调音旋钮”（VARIANCE / MOTION / DENSITY），让你按口味挑模板再调参；ui-ux-pro-max 走”知识库派”——一个大 skill 背靠 50+ 风格 / 21 调色板 / 50 字体配对 / 20 图表 / 8 技术栈的搜索式数据库，靠 search.py 按需检索。简言之：impeccable 是过程，taste-skill 是风格预设，ui-ux-pro-max 是图书馆。三者不互斥，但同时挂会上下文打架，正确姿势是按团队痛点选一个为主。

研究问题

三者交付的资产形态有何本质差别？
它们怎么对抗 AI 设计 slop？强制层级各是什么？
在业务仓库里同时挂会冲突吗？怎么选？
各自的”独门武器”是什么，决定取舍的关键点是什么？

发现

1. 三者一句话定位

impeccable - “AI 编码代理的设计指南”，源自 Anthropic frontend-design skill 的扩展版，强调流程与确定性检测。一行命令 /impeccable <verb> 覆盖 23 个动作。来源
taste-skill - “anti-slop frontend framework for AI agents”，强调风格变体 + 可调旋钮，框架无关（React/Vue/Svelte）。装机量很大（41k stars，2.9k forks）。来源
ui-ux-pro-max - “UI/UX 设计智能”，强调知识库与多端覆盖，自带 CLI（uipro-cli）和跨工具适配（Claude / Cursor / Windsurf / Antigravity / Copilot / Kiro）。来源

2. 资产形态对比

维度	impeccable	taste-skill	ui-ux-pro-max
核心交付	1 个 SKILL.src.md + 23 命令 + 41 detector + agents/ + reference/	多个并列 SKILL.md（v1/v2/soft/minimalist/brutalist/gpt-taste/imagegen×3）	1 个 SKILL.md + `data/` 数据库 + `scripts/search.py`
资产组织	命令式（动词驱动）	变体式（风格驱动）	检索式（数据驱动）
配置文件	PRODUCT.md + DESIGN.md（项目级双文件）	三个数值旋钮（DESIGN_VARIANCE / MOTION_INTENSITY / VISUAL_DENSITY，1-10 标量）	无显式配置，按 prompt 自动检索
是否含 sub-agent	是（skill/agents/）	无明显 sub-agent	无明显 sub-agent
是否含 hooks/CLI	有独立 CLI（`npx impeccable detect` 不需 LLM）	安装脚本 `skill.sh`	全功能 CLI（`uipro-cli`）
跨工具支持	`.claude/` `.cursor/` `.gemini/`	通过 `npx skills add` 安装到任何支持的工具	`.claude/` `.cursor/` `.windsurf/` `.agent/` `.github/prompts/` `.kiro/`
stars 量级（2026/06）	中等	41k	中等增长中

3. 反 slop 的执行层级（这是三者最大的差异）

impeccable - 硬编码黑名单 + 确定性扫描

41 条 detector 规则，CLI 本地跑，不调 LLM、不要 API key
明确”绝对禁止”清单：side-stripe borders、gradient text、默认 glassmorphism、hero-metric 模板、相同卡片网格、每段都加 eyebrow kicker、numbered markers、ghost-card（border + shadow）、过圆角、sketchy SVG、条纹背景
量化规则：正文对比度 ≥4.5:1（WCAG AA）、prose 行长 65-75 字符、display 字间距 ≥-0.04em、用 OKLCH 色彩空间、避免暖中性奶油色默认
来源

taste-skill - 提示词层的风格强约束 + 旋钮调参

v2 加了”hard em-dash ban”、”canonical GSAP code skeletons”、”redesign-audit protocol”、”strict pre-flight check”
三个 1-10 旋钮把”风格”参数化：
- DESIGN_VARIANCE：低=居中干净，高=不对称现代
- MOTION_INTENSITY：低=简单 hover，高=滚动+磁吸交互
- VISUAL_DENSITY：低=宽松，高=信息密集 dashboard
来源

ui-ux-pro-max - 知识替代 + 交付清单

pre-delivery checklist：禁用 emoji 图标（必须 SVG via Heroicons/Lucide）、所有可点元素必须 cursor-pointer、明暗模式对比度核验
可访问性硬要求：alt text、表单 label、prefers-reduced-motion 支持
主要靠”用对的东西”而非”禁错的东西”——通过检索 50 styles / 21 palettes / 50 fonts 数据库，让 agent 不再随手抓取俗套组合
来源

4. 命令/触发方式对比

	impeccable	taste-skill	ui-ux-pro-max
入口	`/impeccable <command>`	隐式（skill auto-trigger by description）	Claude 自动激活；其他工具用 slash command
命令粒度	23 个动词（craft、shape、critique、audit、polish、animate、typeset、harden…）	无显式命令，靠 skill 描述触发	无显式命令，靠 prompt 触发
可固定	`/impeccable pin audit` 创建独立 `/audit` 快捷方式	不支持	不支持
可视化迭代	有 `/impeccable live`（浏览器内 variant 模式）	imagegen 系列出图但不出代码	无

5. 上下文结构

impeccable：项目级 PRODUCT.md（受众、品牌路线、调性、反参考、颜色、字体、组件）+ DESIGN.md，命令运行前先 init 写入，后续命令读取——类似 spec-driven 在设计领域的版本。

taste-skill：靠 SKILL.md 自身的描述触发，没有项目级文件。三个旋钮通过 prompt 传入。

ui-ux-pro-max：靠 search.py 在 8 个 domain（product / style / typography / color / landing / chart / ux / prompt）里按 keyword 检索，agent 把 user request 拆成 4 元组（product type / style keywords / industry / tech stack）后查库。

6. 独门武器

impeccable 独门：① 41 条 deterministic detector，本地无 API key 直接扫，能进 CI ② 23 命令式动词 给人和 AI 共同的”设计词汇表” ③ PRODUCT/DESIGN 双文件 把设计意图持久化 ④ /live 浏览器变体迭代
taste-skill 独门：① 数值化旋钮（业界少见）让”风格强度”可调 ② 风格分流变体（brutalist / soft / minimalist 不混在一起污染） ③ imagegen 系列 先出图再喂 codex 的 image-first pipeline ④ GSAP 标准代码骨架
ui-ux-pro-max 独门：① 数据库式资产（50 styles / 21 palettes / 50 fonts / 20 charts） ② 8 个技术栈的差异化指南（React、Next、Vue、Svelte、SwiftUI、RN、Flutter、HTML+Tailwind） ③ uipro-cli 版本管理（uipro versions / update） ④ 最广的工具适配（6+ 个 AI IDE）

对比与判断

一张选型决策表

你的场景 / 痛点	推荐	理由
想把”AI 设计验收”塞进 CI、要可审计	impeccable	41 个 detector 确定性、不依赖 LLM
团队对设计有明确意图，需要持久化”产品调性”	impeccable	PRODUCT.md/DESIGN.md 是 spec-driven 在设计的延伸
设计师/工程师按命令工作流协作（craft → critique → polish）	impeccable	23 个动词命令是行业里最完整的
想直接选”风格预设”再微调	taste-skill	brutalist / soft / minimalist 变体最纯
项目里”风格强度”需要按场景缩放（落地页 vs dashboard）	taste-skill	三旋钮无可替代
想”先出图再生码”的 image-first 流	taste-skill	imagegen 系列原生支持
设计基础薄弱，需要”配色/字体/图表怎么选”的查询能力	ui-ux-pro-max	它本质就是设计百科
多端混合（Web + iOS + Flutter）	ui-ux-pro-max	8 stack 覆盖最广
多个 AI 工具（Claude + Cursor + Windsurf 都在用）	ui-ux-pro-max	跨工具适配最完整

三者本质差异（一句话版）

impeccable = 工程师视角的”设计 lint + 设计 spec” — 用流程和黑名单逼 AI 不犯错
taste-skill = 设计师视角的”风格预设 + 调音台” — 用变体和旋钮让 AI 出对风格
ui-ux-pro-max = 全栈视角的”设计百科 + 多端适配器” — 用知识库让 AI 选对组件

能不能同时挂？

不建议。三者都尝试在”页面美学”这个维度做强约束，规则会互相干扰：

impeccable 禁 glassmorphism，ui-ux-pro-max 把 glassmorphism 列在 50 styles 里推荐——撞车
taste-skill 的 brutalist 变体鼓励 sharp contrast 和 experimental layout，与 impeccable 的”勿用 sketchy SVG / stripe 背景”会对线

正确姿势：

主选一个作为”美学守门人”
如果想要 impeccable 的 detector + ui-ux-pro-max 的字体库，只把后者的字体配对作为 reference 文件抄进 .claude/references/，不挂整个 skill
taste-skill 的旋钮思路（数值化风格强度）可以单独偷进自家 SKILL.md

与 addyosmani/agent-skills 的关系

addyosmani 那套是全生命周期工程纪律（spec/test/review/security），这三个是专门做设计/前端美学的垂直 skill：

上层用 addyosmani 管 spec→test→review 流程
下层在 build 阶段挂一个设计 skill（三选一）
不冲突，组合使用

“优雅”集成的 3 条建议

按团队成熟度选：
- 团队设计审美差 → ui-ux-pro-max（先有库可查）
- 团队设计有方向但 AI 出货质量飘 → impeccable（用 detector 兜底）
- 团队对风格有明确口味偏好 → taste-skill（变体最纯）
永远懒加载：三者全文都不小，特别是 ui-ux-pro-max 的数据库。在 CLAUDE.md 里只写”何时该激活哪个 skill”，让 agent 自行 read。
detector 进 CI 是真香：即便不挂 impeccable 的 skill 主体，单独跑 npx impeccable detect 作为 PR 检查（不要 LLM、不要 API key）几乎零成本，能拦住 80% 的 AI 视觉烂活。

不确定性

三者数据的真实性：ui-ux-pro-max README 自称 57 styles / 95 palettes / 56 fonts / 24 charts / 98 UX guidelines，但 SKILL.md 的实际 frontmatter 显示是 50 / 21 / 50 / 20——README 与实现存在数字漂移，需以仓库源码为准。
taste-skill 的 stars 数（41k）与其内容深度的不匹配感：可能存在早期热度透支，需观察活跃度。
impeccable 的 41 detector 究竟覆盖到什么：需要实际跑一次 npx impeccable detect 看输出。
三者对非 Web 项目的适配：基本都偏 Web 前端，原生 iOS/Android/桌面应用适配度未知。
维护活跃度：未拉 commit 频率，长期维护健康度待跟进。

后续行动

在沙箱仓库各跑一次：/impeccable init → /impeccable audit → /impeccable critique，对比 taste-skill 的 v2 + brutalist 变体在同一组件上的输出差异。
单独把 impeccable 的 npx impeccable detect 接到本仓库的 pre-commit hook，做”零 LLM 设计 lint”实验。
把 taste-skill 的”三旋钮”思想写进自家 design SKILL.md 模板，作为 prompt 段落参考。
抄一份 ui-ux-pro-max 的 data/ 字体配对作为 references 文件（注意 license），不挂整个 skill。