背景与需求
你是否遇到过这些问题：
- 写代码很溜，但设计的界面总是'程序员审美'？
- 不知道该用什么颜色、字体，每次都要花大量时间调样式？
- 想让 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 安装
npm install -g uipro-cli
cd your-project
uipro init --ai claude # Claude Code
uipro init --ai cursor # Cursor
uipro init --ai windsurf # Windsurf
uipro init --ai all # 所有助手
手动安装
根据你使用的 AI 助手，复制对应的文件夹到项目中：
| AI 助手 | 文件夹路径 |
|---|---|
| Claude Code | .claude/skills/ui-ux-pro-max/ |
| Cursor | .cursor/commands/ + .shared/ |
| Windsurf | .windsurf/workflows/ + .shared/ |
