核心信息
UI UX Pro Max 是一个 AI 驱动的 UI/UX 设计智能技能包(79.5k Stars),提供 161 条行业推理规则、67 种 UI 样式、161 种色板和 57 种字体搭配,支持 18+ AI 编码平台和 15 种技术栈。
- 作者:nextlevelbuilder
- Stars:79.5k
- Forks:8.2k
- 许可证:MIT
- 版本:v2.5.0(2026-03-10)
- 网站:https://uupm.cc
- 技术栈:Python 78.5% / JavaScript 11.4% / TypeScript 6.6%
核心功能
| 功能 | 说明 |
|---|---|
| 设计系统生成器 | v2.0 旗舰功能,AI 推理引擎根据项目需求自动生成完整设计系统 |
| 67 种 UI 样式 | Glassmorphism、Neumorphism、Brutalism、Bento Grid、AI-Native UI 等 |
| 161 条行业推理规则 | SaaS、金融、医疗、电商、创意等行业专属设计规则 |
| 161 种色板 | 与产品类型一一对应的行业专属配色方案 |
| 57 种字体搭配 | 精选排版组合,含 Google Fonts 导入链接 |
| 25 种图表类型 | 仪表盘和分析场景推荐 |
| 99 条 UX 指南 | 最佳实践、反模式和可访问性规则 |
| 智能反模式过滤 | 自动识别并避免行业不适宜的视觉效果 |
技术架构
设计系统生成流程
用户请求 → 多域搜索(5路并行)→ 推理引擎 → 完整设计系统输出
- 数据层:
src/ui-ux-pro-max/data/*.csv(数据库文件) - 脚本层:
src/ui-ux-pro-max/scripts/*.py(搜索引擎与设计系统) - 模板层:
src/ui-ux-pro-max/templates/(平台专属模板) - CLI 层:
cli/(基于 npm 的安装器,动态生成各平台配置)
设计系统生成引擎(v2.0)
BM25 推理引擎通过 5 路并行搜索,从 CSV 数据库中匹配最合适的样式、色板、字体和规则,组合为完整设计系统。引擎自动根据行业类型进行反模式过滤(如金融类避免”AI 紫/粉渐变”)。
安装方式
CLI 安装(推荐)
npm install -g uipro-cli
uipro init --ai claude # 支持 18+ 种 AI 平台Claude Marketplace
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
支持的 AI 平台(18 个)
Claude Code、Cursor、Windsurf、Antigravity、GitHub Copilot、Kiro、Codex CLI、Qoder、Roo Code、Gemini CLI、Trae、OpenCode、Continue、CodeBuddy、Droid (Factory)、KiloCode、Warp、Augment
支持的技术栈(15 种)
| 类别 | 技术栈 |
|---|---|
| Web | HTML + Tailwind(默认)、Svelte、Astro |
| React 生态 | React、Next.js、shadcn/ui |
| Vue 生态 | Vue、Nuxt.js、Nuxt UI |
| 其他 | Angular、Laravel、SwiftUI、Jetpack Compose、React Native、Flutter |
使用模式
- Skill Mode:安装后自动激活,在 AI 编码平台中直接生效
- Workflow Mode:通过斜杠命令触发特定功能(依平台不同而异)
关联连接
- UI_UX_Pro_Max_Skill — 项目实体页面
- Agent_Skills — 同为 AI 编码辅助技能(UI UX Pro Max 侧重设计,Agent Skills 侧重工程流程)
- Claude_Skills — 全栈技能库(含 UI 相关技能)
- Prompt_Design — 提示设计方法论(UI UX Pro Max 可视为提示工程在 UI/UX 领域的应用)