项目介绍
UI/UX Pro Max 是 NextLevelBuilder 维护的一套开源设计智能 Skill，可安装到 Codex、Claude Code、Cursor、Windsurf 等 AI 编程助手。它把产品类型、界面风格、配色、字体、图表、UX 规则、图标和技术栈建议整理为本地可检索数据，并通过搜索脚本组合成设计系统或聚焦建议。它适合在新页面设计、界面实现、响应式改造和 UX 审查时给 Agent 提供更具体的约束，但输出仍需要结合真实用户、品牌、代码库和设备进行人工验证。
核心功能
产品级设计系统生成
根据产品类型、行业和风格关键词聚合布局模式、颜色、字体、效果与反模式，可用可选参数调整视觉差异、动效和信息密度。
本地设计知识检索
Python 脚本从随 Skill 分发的数据中检索风格、产品、配色、字体、图表、UX、图标、动画和落地页模式；README 说明脚本使用标准库且搜索过程不发起网络请求。
多技术栈实现建议
提供 React、Next.js、Vue、Nuxt、Angular、Svelte、Astro、Laravel、SwiftUI、Jetpack Compose、React Native、Flutter、Three.js 和多种桌面框架的栈级指导。
UX 与可访问性检查
优先检查对比度、键盘导航、焦点、触摸目标、加载反馈、响应式重排和减少动态效果等问题；这些规则仍需通过真实测试验证。
设计系统持久化
可在项目中保存 MASTER.md 和页面级覆盖文件，方便多个会话复用同一设计方向，并用 --force 保护机制避免默认覆盖已有主文件。
安装与使用
推荐用官方 npm CLI 在目标项目中生成宿主文件。Codex 的默认项目级目标是 .agents/skills/ui-ux-pro-max；需要跨项目使用时可选择全局模式，但应先确认用户主目录写入范围。
让 AI Agent 帮你安装
把这段话发送给 Codex、Claude Code 或其他可以操作本地环境的 AI Agent。
请帮我从 https://github.com/nextlevelbuilder/ui-ux-pro-max-skill 安装 UI/UX Pro Max。先阅读 README.md、README.zh.md、LICENSE、SECURITY.md、最新 Release、Codex 平台模板和 CLI 的 init/uninstall 实现，确认当前项目使用 Codex，并确认 npm 包名是 ui-ux-pro-max-cli，而不是旧的 uipro-cli。不要由 Agent 静默安装；先向我说明会写入 .agents/skills/ui-ux-pro-max，等我确认后再执行官方安装命令。不要使用 --global、--force、--legacy 或 GitHub Token，除非我明确授权。安装后只做一个不修改业务代码的设计系统检索测试，并列出新增文件。遇到覆盖现有 Skill、写入用户主目录、访问私有仓库、请求凭据、安装其他依赖或修改项目代码时，先停下并询问。- Node.js 与 npm
- Python 3.x，无需额外 Python 包
- 已安装受支持的 AI 编程助手
- 当前项目或用户级配置目录写权限
项目地址：https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
复制地址并按照下方步骤完成设置。- 1确认宿主与安装范围
确认当前使用 Codex，并决定只安装到当前项目。检查 .agents/skills 下是否已有同名目录或自定义修改。
- 2安装官方 CLI
运行 `npm install -g ui-ux-pro-max-cli`，不要安装 README 明确标记为旧包的 uipro-cli。
- 3生成 Codex Skill
在目标项目根目录运行 `uipro init --ai codex`。默认模板会生成 .agents/skills/ui-ux-pro-max 下的 Skill 文件与本地检索资源。
- 4重启并做低风险验证
重启 Codex，让它只为一个示例页面生成设计系统建议，不修改业务文件；核对搜索结果的产品类型、颜色、字体和栈是否匹配。
- 5按需持久化设计系统
需要跨会话复用时，再显式使用 --persist 与正确的项目输出目录。先读取已有 MASTER.md，未获授权不要使用 --force。
在测试项目运行 `uipro init --ai codex` 后，确认 `.agents/skills/ui-ux-pro-max/SKILL.md` 与随附 scripts、data 或 references 已生成。重启 Codex，发起“为一个内部分析仪表盘提出设计系统，只输出建议、不修改代码”的低风险任务，并确认 Skill 能返回产品、颜色、字体和布局建议。随后仍需人工检查结果。
- 官方 README 推荐 `npm install -g ui-ux-pro-max-cli` 后运行 `uipro init --ai codex`，也可使用 npx 形式。
- 旧包名 uipro-cli 已停止维护，不应使用。
- 默认模板安装可使用随 npm 包提供的资源；--legacy 会尝试访问 GitHub Release，失败后回退到内置资源。
- 卸载命令会删除 Skill 目录并要求交互确认；目录内有自定义文件时应先备份。
使用场景
新产品界面方向
根据产品类型和目标用户生成一套颜色、字体、布局、组件风格和应避免模式，作为设计与开发讨论起点。
现有界面 UX 审查
围绕键盘焦点、对比度、触摸目标、响应式重排、表单反馈和导航一致性逐项检查。
技术栈落地
在确定视觉方向后，检索 Next.js、React、Vue、Flutter 或其他受支持栈的实现与性能建议。
跨页面设计一致性
用 MASTER.md 保存全局设计规则，并为特定页面建立覆盖文件，减少多次 Agent 会话间的风格漂移。
使用评价
根据 README、Skill 定义、数据目录、Codex 模板和 CLI 源码判断，UI/UX Pro Max 的优势是把常见设计决策变成可检索的本地知识，并给新界面、局部问题和特定技术栈提供不同入口。它还明确了查询失败、持久化覆盖和可访问性优先级等操作约束。主要风险是建议库可能制造一种“已经设计完成”的错觉；真实产品仍需用户研究、品牌判断、代码审查、浏览器与设备测试以及辅助技术验收。本次评价没有安装或执行该 Skill，也没有验证开源版与增强版的所有功能差异。
值得一试的地方
- 设计数据覆盖面广且可本地检索
- 同时支持新项目设计系统和局部问题搜索
- Codex 等多个宿主有明确安装模板
- 包含可访问性、响应式和交互检查规则
- 持久化流程默认保护已有主设计系统
使用前要知道
- 规则数量多不等于建议一定适合具体用户
- 生成代码和可访问性仍需真实环境测试
- CLI、Skill 与 Release 版本号需分别核对
- 开源版不包含 README 所列的全部增强能力
README
UI/UX Pro Max
Overview
UI/UX Pro Max 是一套可安装到 Codex、Claude Code、Cursor 等 AI 编程助手的设计智能 Skill，使用本地可检索数据生成产品级设计系统，并提供样式、配色、字体、交互、可访问性和 22 个技术栈的实现建议。 为多种平台与框架提供专业 UI/UX 设计智能的 AI Skill。
Getting started
- 推荐用官方 npm CLI 在目标项目中生成宿主文件。Codex 的默认项目级目标是 .agents/skills/ui-ux-pro-max；需要跨项目使用时可选择全局模式，但应先确认用户主目录写入范围。
- README 将核心能力描述为可搜索的设计数据库与设计系统生成器：79 种可检索 UI 风格、192 个产品类型和推理配置、74 组字体、25 种图表、119 条 UX 指南及 22 个技术栈。
- 新项目或页面可用 --design-system 汇总产品、风格、颜色、落地页和字体匹配；聚焦问题可按 style、color、typography、chart、ux、icons、gsap 或具体技术栈搜索。
- 在测试项目运行 `uipro init --ai codex` 后，确认 `.agents/skills/ui-ux-pro-max/SKILL.md` 与随附 scripts、data 或 references 已生成。重启 Codex，发起“为一个内部分析仪表盘提出设计系统，只输出建议、不修改代码”的低风险任务，并确认 Skill 能返回产品、颜色、字体和布局建议。随后仍需人工检查结果。
Configuration
项目地址：https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
复制地址并按照下方步骤完成设置。