核心信息

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 种)

类别技术栈
WebHTML + 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 领域的应用)