UI UX Pro Max 核心指令与斜杠命令清单
核心指令:设计系统生成决策流
UI UX Pro Max 的核心是一个四步推理引擎,在生成任何 UI/UX 代码前必须完成设计系统推理:
| 步骤 | 决策逻辑 | 行动 |
|---|---|---|
| 1. 用户请求 | 需要创建或改进什么界面? | 识别产品类型(161 类)、目标平台与技术栈 |
| 2. 多域搜索 | 哪些设计元素最匹配? | 并行搜索模式、样式、色彩方案、字体搭配、布局 |
| 3. 推理引擎 | 如何组合成最佳系统? | 应用行业规则与反模式过滤,BM25 排名,输出完整设计系统 |
| 4. 交付前检查 | 是否满足质量与无障碍标准? | 逐项核对清单(对比度、焦点状态、动画、响应式等) |
设计系统始终先于代码:生成的设计系统包含推荐模式、样式、色彩、字体、关键特效、反模式及检查清单,所有后续代码均须遵循该系统。
cover: 附件/Halo封面/design.jpg
全部斜杠命令功能清单
模式切换命令
| 命令 | 功能 | 说明 |
|---|---|---|
| (自然语言) | 技能模式(自动激活) | 当你的请求包含 UI/UX 设计意图时自动触发,无需显式命令 |
/ui-ux-pro-max |
工作流模式(命令模式) | 对支持斜杠命令的助手(Kiro、Copilot、Roo Code 等)显式调用技能 |
Skill 命令
| 命令 | 功能 | 说明 | |||
|---|---|---|---|---|---|
/ui-ux-pro-max <prompt> |
启动 UI/UX 智能设计 | 根据提示生成设计系统并输出代码 | |||
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "<query>" --design-system |
直接生成设计系统(ASCII) | 输出纯文本设计系统,用于手工参考 | |||
... --design-system -f markdown |
设计系统 Markdown 输出 | 生成 Markdown 格式的设计系统 | |||
... --design-system --persist -p "<项目名>" |
持久化主设计系统 | 将设计系统保存到 design-system/MASTER.md |
|||
... --persist -p "<项目名>" --page "<页面名>" |
持久化页面级覆盖 | 创建页面级覆盖文件 design-system/pages/<page>.md |
|||
| `… --domain style | typography | chart | …` | 域特定搜索 | 按样式、字体、图表类型等域单独搜索 |
状态与配置命令(CLI)
| 命令 | 功能 | 说明 |
|---|---|---|
uipro init --ai <平台> |
安装到指定 AI 助手 | 支持 claude, cursor, windsurf, copilot 等 19 种平台 |
uipro init --ai <平台> --global |
全局安装 | 安装到用户级技能目录(跨项目复用) |
uipro init --ai all |
安装到所有助手 | 一次性配置全部支持的 AI 平台 |
uipro versions |
列出可用版本 | 查看已安装版本与可用更新 |
uipro update |
更新技能文件 | 从已安装的 CLI 包刷新技能资源 |
uipro uninstall |
卸载技能(自动检测平台) | 在当前目录卸载,可选 --ai <平台> 指定或 --global 卸载全局 |
uipro uninstall --global |
移除全局安装 | 删除用户级技能目录中的资源 |
自然语言触发词
以下自然语言意图会自动激活技能模式(在支持的助手中):
- “Build a landing page …”
- “Create a dashboard …”
- “Design a portfolio …”
- “Implement a mobile app UI …”
- “Review / fix / improve the UX of …”
- 任何包含 UI、UX、设计、界面、组件、样式、布局等词汇的请求
堆栈指定
在提示中直接包含技术栈名称即可获得针对性指导:
- Web: HTML + Tailwind(默认), React, Next.js, shadcn/ui, Vue, Nuxt.js, Nuxt UI, Angular, Svelte, Astro, Laravel, Three.js
- Mobile: SwiftUI(iOS), Jetpack Compose(Android), React Native, Flutter
- Desktop: JavaFX, WPF, WinUI 3, UWP, Avalonia, Uno Platform
cover: 附件/Halo封面/design.jpg
强度级别与版本对比
🟢 基础版(本仓库)
完整开源,包含 67 种 UI 样式、161 种产品类型、57 种字体搭配、25 种图表类型、22 种技术栈指南、99 条 UX 指南、161 条推理规则,以及 CLI 设计系统生成器。
🟡 高级版
扩展品牌设计智能(Logo、CIP、横幅、演示文稿等),AI 驱动的视觉资产生成,企业级设计令牌架构,专属技术支持。详见 uipm.cc。
cover: 附件/Halo封面/design.jpg
安装前置条件
- Python 3.x—搜索脚本运行必需
- Node.js—CLI 安装器运行环境
快速检查:
python3 --version # 必须 >= 3.x
node --version
我们使用的是uv,且已有一个D:\Z-Project\Basic\Python虚拟环境,可以在此写脚本