UI UX Pro Max

概述

UI UX Pro Max（UUPM）是 GitHub 上 53k+ Stars 的开源 AI 设计技能包，专为 Claude Code、Cursor、Windsurf 等 AI 编程助手设计，作为「设计推理层」让 AI 在生成 UI 代码前先完成专业设计决策。

关键内容

核心数字

模块	规模
UI 风格库	67 种（极简主义到 Cyberpunk）
色彩体系	161 套（与 161 种产品类型一一对应）
字体配对	57 组（含 Google Fonts 直链）
UX 准则	99 条（最佳实践 + 反模式 + 可访问性）
行业推理规则	161 条（v2.0 核心）
图表类型	25 种
支持技术栈	15 个（React/Vue/SwiftUI/Flutter 等）

三层架构

Layer 3：AI 助手集成层（Claude Code / Cursor / Windsurf 等）
           ↓ 调用
Layer 2：推理引擎层（search.py + design_system.py）
         BM25 + Regex 混合检索
         5 路并行域搜索（产品→风格→颜色→字体→落地页）
         161 条行业推理规则（JSON 条件判断）
           ↓ 查询
Layer 1：知识数据库层（CSV 文件集，~564KB）
         styles.csv / colors.csv / typography.csv
         products.csv / ux-guidelines.csv / charts.csv

核心工作流（5 路并行搜索）

用户请求 → 5 路并行匹配（产品类型 / UI 风格 / 色彩方案 / 落地页模式 / 字体配对）→ 推理引擎整合 → 输出完整设计系统（Pattern + Style + Colors + Typography + 反模式警告）

与传统设计资源的本质区别

传统设计资源是静态文档/模板库，UUPM 是动态推理引擎：按产品类型自动定制、自动检测反模式、技术栈感知、AI 对话自动触发。

项目背景

作者：NextLevelBuilder（越南开发者 @viettranx）
诞生：2024 年 12 月（v1.0.0 由 Claude Code 协同生成）
当前版本：v2.5.0（2026 年 3 月）
支持平台：18 个 AI 助手
语言：Python 78.2% + JavaScript 11.6% + TypeScript 6.7%

安装方式

# Claude Marketplace
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

# CLI（推荐）
npm install -g uipro-cli
uipro init --ai claude

# 全局安装（跨项目）
uipro init --ai claude --global   # 安装到 ~/.claude/skills/

来源

raw/articles/ai-tools/claude-skills/blog-01-overview.md
raw/articles/ai-tools/claude-skills/blog-02-styles.md
raw/articles/ai-tools/claude-skills/blog-03-design-system-generator.md
raw/articles/ai-tools/claude-skills/blog-04-colors-typography.md
raw/articles/ai-tools/claude-skills/blog-05-ux-charts.md
raw/articles/ai-tools/claude-skills/blog-06-stacks-search.md
raw/articles/ai-tools/claude-skills/blog-07-persistence.md