这款工具名叫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 --registryhttps://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# 设计一个电子商务移动应用的 UIMake a mobile app UI for e-commerce#创建一个带有暗色主题的金融科技银行应用Build a fintech banking app with dark theme
