背景
开发中常遇到这样的困扰：写代码很溜，但设计的界面总是'程序员审美'；不知道该用什么颜色、字体，每次都要花大量时间调样式；想让 AI 帮你写 UI 代码，但生成的界面总是千篇一律、毫无设计感。
今天要介绍的 UI UX Pro Max，将彻底改变你的开发体验。它本质上是一个为 AI 编码助手提供设计智能的工具，就像给你的 AI 助手配备了一个专业的 UI/UX 设计师大脑。
简单来说：它让 AI 不仅会写代码，还懂设计！
核心能力
- ✅ 57 种 UI 样式：玻璃态、新拟态、极简主义、野兽派、Bento Grid、暗黑模式等
- ✅ 95 个行业调色板：SaaS、电商、医疗、金融、美妆等专业配色
- ✅ 56 个字体配对：精选的 Google Fonts 组合
- ✅ 24 种图表类型：适用于仪表盘和数据可视化
- ✅ 10 个技术栈：React、Next.js、Vue、Svelte、SwiftUI、Flutter 等
- ✅ 98 条 UX 指南：最佳实践、反模式、无障碍规则
支持的 AI 助手
- 🤖 Claude Code
- 🤖 Cursor
- 🤖 Windsurf
- 🤖 Antigravity
- 🤖 GitHub Copilot
- 🤖 Kiro
- 🤖 Codex
- 🤖 Gemini CLI
如何使用？
方法一：CLI 安装（推荐）
先全局安装 CLI 工具，然后进入你的项目目录进行初始化。
# 全局安装
npm install -g uipro-cli
# 进入你的项目目录
cd /path/to/your/project
# 为你的 AI 助手安装配置
uipro init --ai claude # 针对 Claude Code
uipro init --ai cursor # 针对 Cursor
uipro init --ai windsurf # 针对 Windsurf
uipro init --ai all # 安装所有支持助手
方法二：手动安装
如果你不想用 CLI，也可以根据你使用的 AI 助手，直接复制对应的文件夹到项目中：
| AI 助手 | 文件夹路径 |
|---|---|
| Claude Code | .claude/skills/ui-ux-pro-max/ |
| Cursor | .cursor/commands/ + |
