Loading...

文章背景图

UI UX Pro Max 设计系统技能说明

2025-11-13
0
- 字
- 分钟
|

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虚拟环境,可以在此写脚本

原创

UI UX Pro Max 设计系统技能说明

本文链接: UI UX Pro Max 设计系统技能说明

本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

评论交流

文章目录