这款工具名叫UI/UX Pro Max Skill，本质上是一个为 AI 助手（如 Claude、Cursor、Copilot、Trae 等）量身打造的“设计智-能插件”。它不是一个独立软件，而是一套可嵌入任何 AI 编程环境的技能包（Skill），专门处理“AI 生成界面太业余”的问题。
它的核心不是写代码，而是先生成一套完整的设计系统，包括页面结构、色彩体系、字体组合、交互规范、无障碍检查清单，甚至明确告诉你“哪些东西千万别用”。
换句话说，它把 UI/UX 设计师的经验，编码成了 AI 能理解的推理规则。
前期准备：如要用node 来使用，建议 Windows系统下安装NVM(参考)，再来安装node:
官方源获取：
访问nvm-windows GitHub Release页面 （当前推荐v1.2.2）
安装好以后：nvm ls available 查看当前可用版本建议 用lts
安装 nvm install --lts 卸载：nvm uninstall 24.xx.xx
切换使用版本 nvm use 24.16.0 然后 node -v 查看版本
查看库：npm config get registry
如果报错：npm : 无法加载文件 C:\nvm4w\nodejs\npm.ps1，因为在此系统上禁止运行脚本
则执行：set-ExecutionPolicy RemoteSigned 成功后执行;get-ExecutionPolicy 即可
国内加速：npm config set registry https://registry.npmmirror.com
以下是安装ui/uxmax二选一即可：
只需安装CLI工具或 Python 3.x：
# 标准安装 npm install -g uipro-cli # 国内加速（可选） npm install -g uipro-cli --registry=https://registry.npmmirror.com uipro --version # 显示版本号即成功 uipro --help # 查看命令帮助 # 进入你的项目根目录 cd d:\workspace\aicode # 执行初始化并指定 AI 助手 （先进入对应目录，选择下方任一使用的ai即可） # Install for your AI assistant uipro init --ai claude # Claude Code uipro init --ai cursor # Cursor uipro init --ai windsurf # Windsurf uipro init --ai antigravity # Antigravity uipro init --ai copilot # GitHub Copilot uipro init --ai kiro # Kiro uipro init --ai codex # Codex CLI uipro init --ai qoder # Qoder uipro init --ai roocode # Roo Code uipro init --ai gemini # Gemini CLI uipro init --ai trae # Trae uipro init --ai opencode # OpenCode uipro init --ai continue # Continue uipro init --ai codebuddy # CodeBuddy uipro init --ai all # All assistants然后在项目目录中调用：
/ui-ux-pro-max Build a landing page for my SaaS product或者直接运行脚本生成设计系统：
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "fintech banking" --design-system -f markdown整个过程轻量、无依赖、适合嵌入现有开发流。
使用：需安装对应ai客户端
执行后会在项目中生成 .claude/skills/ui-ux-pro-max/ 等配置目录。
离线环境可加 --offline 参数：
uipro init --ai claude --offline
启动 Claude Code，输入 /ui-ux-pro-max 或 /uipro 即可激活技能。
示例 Prompt：输入下方提示即可：
用 UI/UX Pro Max 生成一个现代 SaaS 登录页，Bento 布局、深色模式、Tailwind CSS
提示词实例：
# 创建一个针对我的 SaaS 产品的登陆页面
Build a landing page for my SaaS product
#创建一个医疗分析仪表盘
Create a dashboard for healthcare analytics
#设计一个具有暗色模式的个人作品网站
Design a portfolio website with dark mode
# 设计一个电子商务移动应用的 UI
Make a mobile app UI for e-commerce
#创建一个带有暗色主题的金融科技银行应用
Build a fintech banking app with dark theme
