官网地址https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

简介: 一项人工智能技能，可为跨多个平台和框架构建专业UI/UX提供设计智能。简单讲就是可以帮你设计ui, 相比直接让如codex帮你生成, 该项目的ui更不像"AI做的页面"。

安装

前置条件: 需安装python，可参考当拿到一个新服务器时所需准备工作

使用 CLI 安装（推荐）

使用 uipro-cli 工具可以快速为你的 AI 助手安装 UI/UX Pro Max 技能。

1. 安装 CLI 工具

npm install -g uipro-clibash

2. 进入项目目录

cd /path/to/your/projectbash

3. 初始化技能

根据你使用的 AI 助手选择相应的命令：

# Claude Code
uipro init --ai claude
 
# Cursor
uipro init --ai cursor
 
# Windsurf
uipro init --ai windsurf
 
# Antigravity（包含 .agent 和 .shared）
uipro init --ai antigravity
 
# GitHub Copilot
uipro init --ai copilot
 
# Kiro
uipro init --ai kiro
 
# Codex
uipro init --ai codex
 
# 为所有 AI 助手安装
uipro init --ai allbash

验证安装：可在项目目录下找到.codex/skills/ui-ux-pro-max/文件夹

使用

技能模式（自动激活）

支持： Claude Code、Cursor、Windsurf、Antigravity、Codex CLI、Continue、Gemini CLI、OpenCode、Qoder、CodeBuddy、Droid (Factory)、KiloCode、Warp、Augment

当您请求 UI/UX 设计工作时，该技能会自动激活。只需自然地聊天即可：

Build a landing page for my SaaS productbash

工作流模式（斜杠命令）

支持： Kiro、GitHub Copilot、Roo Code、KiloCode

使用斜杠命令调用技能：

/ui-ux-pro-max Build a landing page for my SaaS productbash

示例提示

Build a landing page for my SaaS product
 
Create a dashboard for healthcare analytics
 
Design a portfolio website with dark mode
 
Make a mobile app UI for e-commerce
 
Build a fintech banking app with dark themebash

codex可自动激活，也可以输入ui-ux-pri-max 指令来使用, 比如

$ui-ux-pro-max 为我的网站设计uibash