UI UX Pro Max 是一款专为开发者设计的 AI 技能插件（Skill），旨在为多种平台和框架提供专业的 UI/UX 设计智能。它内置了 100 条行业推理规则 和 67 种 UI 风格，能够帮助你快速构建符合行业标准的界面。
🌟 核心功能特性
- 智能设计系统生成：基于 v2.0 推理引擎，只需描述需求，即可自动生成包含色彩、字体、布局及交互规范的完整设计系统。
- 海量风格支持：涵盖 67 种流行风格，如 Bento Grid（便当盒布局） 、Glassmorphism（毛玻璃） 、Neubrutalism（新野兽派） 等。
- 全栈适配：支持 React, Next.js, Vue, Tailwind CSS, SwiftUI, Flutter 等 13 种主流技术栈。
- UX 审计与规避：自动检查并避开设计禁忌（Anti-patterns），确保符合 WCAG 可访问性标准。
🚀 安装步骤
你可以通过以下两种方式将 UI UX Pro Max 集成到你的 AI 编辑器中：
方法一：使用 Claude Code 插件市场（推荐）
如果你正在使用 Claude Code，可以直接运行：
Bash
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
方法二：使用 CLI 命令行工具（全平台通用）
此方法适用于 Cursor, Windsurf, Trae, Roo Code 等多种 AI 助手。
-
全局安装 CLI：
Bash
npm install -g uipro-cli -
在项目中初始化（根据你的 AI 助手选择）：
- Cursor:
uipro init --ai cursor - Windsurf:
uipro init --ai windsurf - Trae:
uipro init --ai trae - VS Code Copilot:
uipro init --ai copilot - 全部安装:
uipro init --ai all
- Cursor:
注意：系统需安装 Python 3.x 以运行内部搜索脚本。
💡 如何使用
1. 自动触发模式 (Skill Mode)
在 Cursor 或 Claude Code 中，你只需用自然语言描述需求，插件会自动激活：
- "帮我为一个 SaaS 产品设计一个极简风格的着陆页。"
- "创建一个符合医疗行业规范的数据仪表盘。"
2. 斜杠命令模式 (Workflow Mode)
在 GitHub Copilot 或 Roo Code 中，使用专属指令：
/ui-ux-pro-max 构建一个深色模式的金融 App 界面
3. 进阶：持久化设计规范
如果你想在多个会话中保持设计一致性，可以使用以下命令生成并保存设计规范文件：
Bash
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "SaaS dashboard" --design-system --persist -p "MyProject"
这将生成 design-system/MASTER.md 文件，作为该项目的“单一事实来源”。
🛠️ 支持的技术栈概览
| 类别 | 支持框架/技术 |
|---|---|
| Web | HTML + Tailwind, React, Next.js, Vue, Nuxt, Svelte, Astro |
| UI 组件库 | shadcn/ui, Nuxt UI |
| 移动端 | SwiftUI, Jetpack Compose, React Native, Flutter |
