ui-ux-pro-max-skill

给 AI 装上设计师大脑，一键生成专业级界面

ui-ux-pro-max-skill 是一个面向 AI 编程助手的设计智能技能包，用 Python 编写。它解决的核心问题是：当开发者用 Claude Code、Cursor、Copilot、Codex 等 AI 工具生成界面时，AI 往往缺乏专业设计判断，产出千篇一律、缺乏层次和品牌感的 UI。这个项目把 UI/UX 设计规则、布局原则、配色与排版经验封装成可被 AI 调用的技能，让 AI 在写 HTML5 页面、落地页或移动端界面时遵循专业设计标准。它支持多平台输出，覆盖网页与移动端场景，可接入命令行工作流，相当于给 AI 助手外挂一位资深设计师的判断力，降低非设计背景开发者做出专业级界面的门槛。

开源 unknown 设计创意

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 133788

维护状态活跃

是否开源是

定价模式 unknown

项目预览

项目数据

分类设计创意

开发团队nextlevelbuilder

所属国家

官网地址https://www.uupm.cc

GitHubhttps://github.com/nextlevelbuilder/ui-ux-pro-max-skill

定价模式unknown

价格说明定价信息待确认

访问状态

是否开源是

开源协议MIT

主要语言Python

技术栈/模型ai-skills,antigravity,claude,claude-code,codex,command-line,copilot,cursor-ai,html5,kiro,landing-page,mobile-ui,qoder,react,tailwindcss,trae,ui-design,uikit,windsurf-ai

GitHub 星标★ 133788

30天Star增速

HF 下载量

上线时间2025-11-30 00:00:00

代码更新—

仓库体积—

本站数据更新—

维护状态活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-10-08

浏览次数0

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

难度：入门约 10 分钟部署方式：命令行工具 6 步

环境要求

Node.js 与 npm（用于全局或 npx 安装 CLI）
Python 3.x（设计系统搜索脚本依赖，README 明确要求手动安装）
一个受支持的 AI 编程助手（如 Claude Code、Cursor、Copilot、Codex 等）
可选：OS 包管理器（Homebrew/apt/winget）用于安装 Python

安装与启动步骤

1全局安装 CLI

通过 npm 全局安装 ui-ux-pro-max-cli，注意包名是它、命令是 uipro，旧的 uipro-cli 已过时不要使用。
```
npm install -g ui-ux-pro-max-cli
```
2按助手初始化技能

用 uipro init 把技能写入对应助手的目录，把 --ai 后面的值换成你实际使用的助手名称。
```
uipro init --ai claude
```
3或全局安装到所有项目

加 --global 可安装到用户级目录（如 ~/.claude/skills/），对该助手的所有项目生效。
```
uipro init --ai claude --global
```
4免全局安装方式

遇到 npm 全局安装权限报错时，可改用 npx 直接运行，无需全局安装。
```
npx ui-ux-pro-max-cli init --ai claude
```
5预览安装动作

在源码仓库内可用 --dry-run 预览安装动作而不实际写入文件，适合先确认影响范围。
```
node dist/index.js init --ai claude --dry-run
```
6调用设计系统搜索

安装后可用 Python 脚本查询设计系统建议，加 --json 可获得完整不截断字段。
```
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "SaaS" --domain style --json
```

关键配置

配置项	必填	说明	示例
`--ai`	是	指定要接入的 AI 助手名称，如 claude、cursor、copilot 等。	`claude`
`--global`	否	安装到用户级目录，对该助手的所有项目生效。	`--global`
`--offline`	否	离线模式初始化，不访问网络。	`--offline`
`--dry-run`	否	仅预览安装动作，不写入任何文件。	`--dry-run`
`--json`	否	搜索脚本输出完整 JSON，避免字段被截断。	`--json`

如何确认成功

执行 uipro init 后显示安装完成，且目标助手目录（如 .claude/skills/）下出现技能文件；搜索脚本能返回设计系统结果。

常见问题

Q：uipro 提示 unknown command 'uninstall' 或 'update' 怎么办？

A：说明安装的 ui-ux-pro-max-cli 版本过旧，先执行 npm install -g ui-ux-pro-max-cli@latest 更新，再重试 uipro uninstall。

Q：uipro uninstall 提示未检测到已安装的 AI 技能目录？

A：说明当前运行目录不是当初安装的目录。可 cd 回原项目根目录再执行 uipro uninstall，或加 --global 卸载全局安装。

Q：Claude Marketplace 安装报“Zip file contains a symbolic link”？

A：这是 v2.5.1 之前版本的已知问题（仓库内部使用了符号链接）。改用 CLI 安装：npm install -g ui-ux-pro-max-cli 后执行 uipro init --ai claude。

Q：npm 全局安装报权限错误怎么办？

A：推荐使用 Node 版本管理器（如 nvm），或直接跳过全局安装，改用 npx ui-ux-pro-max-cli init --ai claude。

Q：运行设计系统命令提示找不到 Python？

A：搜索脚本需要 Python 3.x，请自行从 python.org 或系统包管理器（Homebrew、apt、winget）安装，AI 助手不会替你安装。

注意事项

npm 包名是 ui-ux-pro-max-cli，但安装后命令是 uipro；旧的 uipro-cli 已过时，不应再用。
安装 Python 时 AI 助手被设定为询问你而非自行安装，请手动完成。
人类可读输出会把超过 300 字符的字段截断，需要完整数据请加 --json。
uipro init --ai all 会为所有受支持的助手安装，按需选择避免污染无关目录。

核心亮点

把 UI/UX 设计规则封装成 AI 可调用的技能，直接提升 AI 生成界面的专业度
覆盖 HTML5、落地页、移动端等多平台场景，适配面广
兼容 Claude Code、Cursor、Copilot、Codex 等主流 AI 编程工具，接入成本低

不足之处

设计规则以静态经验为主，难以针对具体品牌调性做深度定制
效果高度依赖所接入 AI 模型的能力，不同工具间表现可能不一致

适用场景

用 Cursor 或 Claude Code 快速生成产品落地页时保证设计质量
非设计背景开发者搭建移动端 App 界面原型
团队统一 AI 生成页面的设计规范与视觉标准

替代项目

superdesign、design-system-prompt

项目介绍

ui-ux-pro-max-skill 是设计创意领域的开源项目，由 nextlevelbuilder 开发，2025 年首次发布。

在全站 13,916 个收录项目中，它的 GitHub 星标数（133,788）位列前 1%，在设计创意分类的 192 个项目里位列前 1%。

项目目前处于活跃维护状态，最近一次代码更新于 2026-10-03。

它主要面向的使用场景是：用Cursor或ClaudeCode快速生成产品落地页时保证设计质量。同类可对比的替代方案包括 superdesign、design-system-prompt。

上一篇：impeccable

下一篇：semi-design