1. 环境要求

Windows 电脑需要准备：

• Node.js 18+
• npm
• Python 3.x
• Codex CLI
• UI/UX Pro Max CLI

检查环境：

node -v
npm -v
python --version

2. 安装 Node.js

如果没有 Node.js，安装 Node.js LTS。

安装完成后重新打开 PowerShell：

node -v
npm -v

确认能够正常显示版本号。

3. 安装 Python

检查：

python --version

如果没有 Python，可以安装 Python 3.12。

安装时勾选：

• Add Python.exe to PATH

安装完成后：

python --version

4. 安装 Codex CLI

使用 npm 安装：

npm install -g @openai/codex

检查：

codex --version

启动 Codex：

codex

首次使用根据提示登录 OpenAI / ChatGPT 账号。

或者直接在官网上下载安装包。

5. 安装 UI/UX Pro Max CLI

执行：

npm install -g ui-ux-pro-max-cli

检查：

uipro --help

查看版本：

uipro versions

6. 创建或进入项目

例如项目目录：

D:\AIProject\MyWeb

进入项目：

cd D:\AIProject\MyWeb

7. 将 UI/UX Pro Max 安装到 Codex

在项目根目录执行：

uipro init --ai codex

安装完成后检查项目目录：

D:\AIProject\MyWeb
│
├── .agents
│   └── skills
│       └── ui-ux-pro-max
│
├── src
├── public
├── package.json
└── ...

重点确认：

.agents\skills\ui-ux-pro-max

目录存在。

8. 启动 Codex

在项目根目录执行：

codex

进入 Codex 后即可调用 UI/UX Pro Max。

9. 测试 UI/UX Pro Max

在 Codex 中输入：

使用 UI/UX Pro Max skill。

帮我设计一个工业视觉检测系统 Web Dashboard。

要求：

1. 1920×1080 工业显示器
2. 深色工业风
3. 实时相机画面
4. OK/NG 数量统计
5. 检测数量
6. 检测节拍
7. 设备运行状态
8. 缺陷统计
9. 缺陷图片
10. 报警信息