ui-ux-pro-max-skill安装与使用

ui-ux-pro-max-skill安装与使用(codex篇)

官网地址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 工具

1
npm install -g uipro-cli

2. 进入项目目录

1
cd /path/to/your/project

3. 初始化技能

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
# 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 all

验证安装：可在项目目录下找到.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 设计工作时，该技能会自动激活。只需自然地聊天即可：

1
Build a landing page for my SaaS product

工作流模式（斜杠命令）

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

使用斜杠命令调用技能：

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

示例提示

1
2
3
4
5
6
7
8
9
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 theme

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

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