你有没有遇到过这种情况：跟 AI 说「帮我做个 landing page」，结果出来的东西配色辣眼、字体乱配、布局一塌糊涂？

问题不在于 AI 不会写代码，而在于 AI 不懂设计。

一个叫 UI UX Pro Max 的开源项目正在改变这件事。它在 GitHub 上已经拿到了 78,880 颗星，这数字在 AI 技能类项目里相当炸裂。

它到底是什么？

UI UX Pro Max 不是一个设计工具，也不是一个 UI 组件库。它的本质是一个 AI 的设计大脑——一套结构化的设计知识库 + 推理引擎，让你的 AI 编程助手（Claude Code、Cursor、Windsurf、Copilot 等）突然懂设计了。

你只要说一句「帮我做一个高端 Spa 的 landing page」，它就会：

1. 分析需求 — Spa 行业用什么色调？什么字体？什么页面结构？
2. 生成完整的设计系统 — 配色、字体对、间距、组件规范、CTA 策略
3. 输出给 AI — 让 AI 拿着这套规范去生成代码

结果从「还行吧」变成了「卧槽这真是 AI 做的？」。

硬核数字

• 161 条设计推理规则
• 67 种 UI 风格（从 Glassmorphism 到 Y2K、AI-Native UI、VisionOS Spatial UI）
• 161 种配色方案
• 57 对字体搭配（直接带 Google Fonts import link）
• 99 条 UX 最佳实践
• 25 种图表类型推荐
• 15+ 技术栈专属指南（Html/Tailwind、React、Next.js、Vue、SwiftUI、Flutter、Jetpack Compose…）
• 18 个 AI 平台支持

核心能力

1️⃣ 智能设计系统生成器（v2.0 旗舰功能）

这是它最让人眼前一亮的能力。输入一个项目需求，它会输出一整套设计系统：

目标：Serenity Spa — 高端水疗品牌
推荐设计系统：
├── 风格：有机生物形态（Biophilic）+ 柔和渐变
├── 主色调：#1B5E4A（墨绿）+ #D4A573（香槟金）
├── 字体：Playfair Display（标题）+ Lato（正文）
├── 边距：80px 大间距营造奢华呼吸感
├── CTA：圆角全宽按钮，微悬停发光效果
└── 图片：暖调自然光，强调材质质感

2️⃣ 领域探索

通过命令行可以按领域搜索设计建议：

python search.py "SaaS dashboard" --domain product
python search.py "glassmorphism" --domain style
python search.py "dark mode" --domain color

支持 product、style、typography、color、landing、chart、ux 七个维度。

3️⃣ 技术栈感知

同样的设计，在 React 和 SwiftUI 上实现方式完全不同。它能根据技术栈输出对应的实现建议：

python search.py "landing page" --stack react
python search.py "dashboard" --stack swiftui
python search.py "mobile app" --stack flutter

为什么它能火到 78k 星？

过去一年，AI 编程工具突飞猛进。Cursor、Claude Code、Windsurf 这些工具写代码已经不比人差多少了。但它们的通病是代码可以很漂亮，设计大概率翻车。

原因是设计不是「代码逻辑」能解决的：

• 颜色有没有高级感？
• 字体搭配和谐吗？
• 间距呼吸感够不够？
• CTA 的位置心理学对不对？

这些都是隐性知识，写代码的大模型很难凭空学会。UI UX Pro Max 的做法是把这些隐性知识变成结构化数据（CSV 数据库），然后用规则引擎去匹配和推理。

简单说——它给了 AI 一本武林秘籍。

安装和使用

两行命令就能装好：

npm install -g uipro-cli
cd your-project && uipro init --ai claude

支持 18 个平台，包括 Claude Code、Cursor、Windsurf、Copilot、Gemini CLI、Kiro、Roocode、Codex 等。

不足和局限

当然，它也不是万能灵药：

1. 不是设计系统 — 它给的是设计建议，不是预设样式库。你仍然需要 AI 去生成组件代码
2. 数据驱动而非 AI 驱动的创新 — 它的”智能”来自结构化数据库 + BM25 搜索 + 规则推理，不是端到端大模型设计生成
3. 开源社区维护 — 147 个 open issues，部分数据可能需要社区持续更新
4. 最终效果取决于 AI — 再好的设计指南也需要一个靠谱的 AI 去理解执行

适合谁？

• 独立开发者 / 小团队 — 没有设计师但想做出不丢人的产品
• AI 重度用户 — 每天跟 Claude/Cursor 打交道，想让 AI 输出质量再上一层
• 产品经理 — 做原型阶段快速验证设计方向
• 好奇的技术人 — 看看 AI 设计技能的架构思路

说人话的总结

UI UX Pro Max ≈ 给了 AI 编程助手一双设计师的眼睛。

以前你跟 AI 说「做个页面」，AI 理解的是「写个 div 和 flexbox」。现在你跟 AI 说「做个页面」，AI 理解的是「这个产品面向什么人群、适合什么风格、用什么颜色和字体、CTA 放哪里最容易转化」。

这 78k 颗星说明了一个趋势：AI 写代码已经卷得差不多了，下一个战场是 AI 的审美。

项目地址：https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

官网：https://uupm.cc

License：MIT