Appearance
前端双子星:ui-ux-pro-max 与 Impeccable
AI 生成的前端有一种一眼可辨的"AI 味":紫色渐变、圆角卡片、居中大标题。这两个 Skill 从不同角度治这个病,互补而非二选一,很多团队一起装。
ui-ux-pro-max:设计规则数据库
ui-ux-pro-max(nextlevelbuilder 出品,32 万+ 安装、11 万+ star,目前安装量最大的 UI/UX Skill)把 Claude Code 变成"资深产品设计师"。它不是一段风格提示词,而是一个可检索的设计规则库:
| 内容 | 规模 |
|---|---|
| 视觉风格 | 84 种 |
| 配色方案 | 192 套 |
| 字体搭配 | 74 组 |
| 产品类型 → 设计推理规则 | 192 种 |
| UX 准则 | 98 条 |
| 图标库 / 动效预设 / 图表类型 | 104 / 16(GSAP)/ 25 |
覆盖 22 种技术栈。Agent 按当前任务(做什么产品、什么组件)检索命中的规则再动手——这正是渐进式披露的正确用法:庞大的知识库躺在文件里,按需取用,不常驻上下文。
bash
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill适合:新页面/新组件设计、重构 UI、选定色彩/字体/间距/布局系统——一切"该长什么样"的决策。
Impeccable:品味与反模式
Impeccable(pbakaus 出品,4.4 万+ star)走另一条路:与其给出海量规则,不如收窄词汇表——一套精选的设计语言 + 明确的反模式清单(anti-slop),直接矫正模型的默认审美底线,并区分品牌风格与产品风格。同样兼容 Claude Code、Cursor、Copilot、Gemini CLI、Codex。
适合:受够了"AI 默认审美"、希望产出有一致设计语言的项目。
两者的关系
一句话:ui-ux-pro-max 负责"查手册做对",Impeccable 负责"有品味地做"。
| ui-ux-pro-max | Impeccable | |
|---|---|---|
| 思路 | 海量规则,按需检索 | 精选词汇表 + 反模式 |
| 作用点 | 具体设计决策(选什么色/字/布局) | 整体审美底线与一致性 |
| 形态 | 规则数据库 | 设计语言宣言 |
| 组合建议 | 两者共存:先由 Impeccable 定调,再用 ui-ux-pro-max 落实细节 |
来源:ui-ux-pro-max(Claude Skills Hub)、安装数据(Skillselion)、Impeccable 仓库、UI/UX Skills 榜单。