让 AI 写 UI，最怕的不是它不会写代码，而是它没有"设计品味"——产出的页面配色刺眼、间距随意、风格廉价，一看就是"AI 味"。UI UX Pro Max（UUPM）把专业设计决策做成了一个 AI Skill：79 种可检索 UI 风格、192 套行业配色、74 组字体搭配、192 条行业推理规则，一句"给我的 SaaS 产品做个落地页"，它先分析行业与需求、生成完整设计系统（配色 / 字体 / 风格 / 反模式清单），再写代码。13.4 万 Star，是 Star 数最高的设计类 Skill。本文按"概述 → 设计系统生成 → 数据资产 → 安装使用 → 对比 → 总结"组织全文。
1、概述
UI UX Pro Max 定位为"跨平台专业 UI/UX 的设计智能（design intelligence）"——本质是一个装进 AI 编码助手的庞大设计知识库加推理引擎：当用户请求任何 UI/UX 任务时，Skill 自动激活，先依据产品类型与需求生成量身定制的设计系统，再驱动代码生成。
项目 2025 年 11 月底创建，十个月约 134k Star、14.2k Fork，MIT 协议，Python 主体（仅用标准库），Python 3.4+ 即可运行。官网 uupm.cc，npm 包 ui-ux-pro-max-cli，兼容 19 个 AI 编码助手：Claude Code、Cursor、Windsurf、Antigravity、Codex CLI、Continue、Gemini CLI、OpenCode、Qoder、CodeBuddy、Droid、KiloCode、Warp、Augment、CodeWhale、ZCode、Amazon Q Developer、Universal（Agent 标准），以及 Kiro / Copilot / Roo Code 的斜杠命令模式。
数据资产一览：
- 79 种可检索 UI 风格（50 种活跃）：Glassmorphism、Claymorphism、Minimalism、Brutalism、Neumorphism、Bento Grid、Dark Mode、AI-Native UI 等
- 192 套行业配色：与 192 个产品类型一一对应的行业化调色板
- 74 组精选字体搭配： curated 排版组合，附 Google Fonts 导入
- 25 种图表类型：仪表盘与数据可视化的选型推荐
- 22 个技术栈指南：React、Next.js、Astro、Vue、Nuxt、Svelte、Flutter、JavaFX 等全栈覆盖
- 119 条 UX 指南：最佳实践、反模式、无障碍规则
- 192 条行业推理规则（v2.0 新增）：设计系统生成的核心引擎
2、核心：设计系统生成器
v2.0 的旗舰特性是 Design System Generator——一个 AI 驱动的推理引擎，分析项目需求后秒级产出完整设计系统。
生成流程分四步：
- 用户请求——"给我的美容 spa 做个落地页"
- 多域搜索（5 路并行）——产品类型匹配（192 类）、风格推荐、配色选择、落地页模式（34 种）、字体搭配
- 推理引擎——产品类型与 UI 类别规则匹配、风格优先级排序（BM25）、反模式过滤、决策规则处理
- 输出设计系统——模式 + 风格 + 配色 + 字体 + 效果 + 反模式清单 + 交付前检查表
以"美容 spa"为例，生成结果的结构：目标是"宁静 spa 感与社交证明的推荐设计系统"；转化策略为情感驱动加信任元素；CTA 用柔和金色；章节划分为 Hero / 服务 / 客户评价 / 预订 / 联系五段；风格定为 Soft UI Evolution（柔和阴影、微妙景深、留白）；配色给出 Primary #E8B4B8（软粉）、Secondary #A8D5BA（鼠尾草绿）、CTA #D4AF37（金）、背景 #FFF5F5（暖白）、文本 #2D3436（炭灰）；字体选 Cormorant Garamond / Montserrat；关键效果为柔和阴影 + 上下文过渡 + 悬停态；反模式明确"不要用 emoji 当图标""文本对比度至少 4.5:1"等。
这套输出的价值在于把设计师的隐性判断显性化：不是给模型一句"做好看点"，而是给它一套可执行的参数——模型照着写代码，产出自然稳定。
2.1、行业推理规则
192 条规则覆盖七大行业域：Tech & SaaS（含 AI 平台、开发者工具、网络安全）、金融、医疗、电商、服务业、创意、生活方式，以及 Web3 / 量子计算等新兴科技。每条规则包含推荐模式、风格优先级、行业配色情绪、字体个性匹配、关键效果与反模式——例如金融类明确"不要用 AI 紫粉渐变"，直接堵住最典型的"AI 味"翻车现场。
3、数据资产与风格分类学
风格目录不是简单罗列，而是有治理的分类学：50 种活跃风格参与正常推荐与画廊展示；29 种补充风格仅在精确或显式匹配时返回；9 种已弃用风格从排名中排除、旧名重定向到规范风格。官方平台系统包括 Fluent 2、Shopify Polaris、Adobe Spectrum；Liquid Glass 被归类为 Apple 平台材质。
注意：官方目录刻意区分"风格"与"落地页模式"——34 种落地页结构放在独立数据集里，不与视觉风格在 BM25 排序中互相竞争。
排版上有一章弹性文本与紧凑 UI指南，直面生产环境高频翻车点：标题换行是渐进增强而非保证（设计必须在自然换行下依然成立）；长 token 必须无裁剪回流；chip 与标签集合要么换行要么用 +n 折叠；徽章不能只靠颜色表义（需原生语义、可见焦点、可编程状态）；快速交互可取消动画但最终语义态必须正确。
4、安装与使用
推荐 CLI 安装（npm 包 ui-ux-pro-max-cli，装完得到 uipro 命令）：
npm install -g ui-ux-pro-max-cli
cd /path/to/your/project
uipro init --ai claude # Claude Code
uipro init --ai cursor # Cursor
uipro init --ai windsurf # Windsurf
uipro init --ai codex # Codex CLI
uipro init --ai gemini # Gemini CLI
uipro init --ai all # 全部 19 个助手
Claude Code 用户也可以走插件市场（与 CLI 装的是同一个 skill）：
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
使用就是自然聊天——"Build a landing page for my SaaS product"，Skill 自动激活并完成设计系统生成、代码实现、交付前检查。斜杠命令模式（/ui-ux-pro-max ...）支持 Kiro、Copilot、Roo Code、KiloCode。
进阶玩法是设计系统命令行——直接调用推理引擎、绕过 AI 助手：
# 生成设计系统（ASCII 输出，附在提示词里即可复用）
python3 .claude/skills/ui-ux-pro-max/scripts/search.py \
"beauty spa wellness" --design-system -p "Serenity Spa"
# 持久化：MASTER.md（全局真相源）+ pages/（页面级覆盖）
python3 .claude/skills/ui-ux-pro-max/scripts/search.py \
"SaaS dashboard" --design-system --persist -p "MyApp" --page "dashboard"
# 按域查询：风格 / 字体 / 图表 / UX / 图标
python3 .claude/skills/ui-ux-pro-max/scripts/search.py \
"fintech banking" --domain style
python3 .claude/skills/ui-ux-pro-max/scripts/search.py \
"error summary validation" --domain ux
持久化产出 design-system/myapp/MASTER.md 加 pages/dashboard.md 的层级结构——做具体页面时先查页面覆盖文件、再回退 MASTER，跨会话设计一致性由此保证。
5、横向对比
设计类 Skill 的几条路线：
| 方案 | 形态 | 优势 | 局限 |
|---|---|---|---|
| UI UX Pro Max | 数据驱动 Skill | 192 行业规则 + BM25 检索、跨 19 助手、离线运行 | 需 Python 3.4+，风格判断偏"行业标准" |
| taste-skill | 品味约束 Skill | 反 slop 前端美学、轻量 | 无行业推理、无数据资产 |
| v0 / Lovable 等生成平台 | 托管 SaaS | 拖拽迭代、部署一体 | 锁定平台、不可本地、风格趋同 |
| 手写设计系统 | 工程实践 | 完全可控 | 成本高，个人难覆盖行业广度 |
选型建议：
- 要行业化、可检索、跨编辑器的设计决策 → UI UX Pro Max
- 只想压住"AI 味"、追求小众审美 → taste-skill
- 非技术成员快速出页 → v0 / Lovable
- 组合玩法：UUPM 生成 MASTER.md 设计系统，taste-skill 叠加品味约束，两者不冲突
6、总结
UI UX Pro Max 用"数据资产 + 推理引擎"的思路解决 AI 生成 UI 的品味问题：79 种可检索风格、192 行业配色、192 条行业推理规则、74 字体搭配、22 技术栈指南、119 条 UX 指南构成知识底座；BM25 多域检索加反模式过滤生成量身定制的设计系统；--persist 持久化 MASTER.md 加页面覆盖的层级结构，让跨会话、跨页面的设计一致性成为可能；CLI 支持脱离 AI 助手直接调用，19 个编码助手开箱即用，MIT 协议、纯标准库、离线运行。
它适合高频让 AI 生成界面的开发场景——落地页、仪表盘、移动端 UI、作品集，行业规则给出的配色与排版决策明显稳于裸模型；边界同样清晰：产出的是"行业标准答案"而非先锋设计，追求独特审美的项目需要再叠加品味类约束；文本输出 300 字符截断的设计系统记得加 --json 取完整数据；Premier 版（品牌识别、Logo 设计、AI 生图资产等）另售于 uupm.cc。对于每天跟 AI 结对写前端的人，一条 uipro init 之后，"AI 味"页面会明显减少——这就是它 13 万 Star 的原因。
