让 Agent 做界面，最常见的结果是 AI 味：紫色渐变、玻璃卡片、居中大标题。模型不是不会别的风格，是它没有依据去选。你说做个好看的后台，它只能挑一个最常见的。
ui-ux-pro-max 补的就是这份依据：把设计师的经验整理成一张张数据表，再配一个搜索脚本，变成一个能查的设计数据库。Agent 做界面之前，先按你的产品类型去查这一类产品该用什么模式、什么风格、什么配色、要避开哪些反模式。
它由 NextLevelBuilder 维护，MIT 许可，支持 Claude Code、Cursor、Codex 等二十多种工具。
一、安装
方式一：Claude Code 插件市场
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill方式二：官方命令行工具
npm install -g ui-ux-pro-max-cli
cd 你的项目
uipro init --ai claude # 装在当前项目
uipro init --ai claude --global # 装到 ~/.claude/skills/，所有项目都能用npm 包叫 ui-ux-pro-max-cli，装好之后的命令叫 uipro。
前提：电脑上要有 Python 3。它的搜索脚本只用 Python 标准库，不装任何依赖，也不联网。README 里专门写了一句：如果没装 Python，要你自己去装，Agent 不应该替你在电脑上装软件。
⚠️ 装一个，实际装进 7 个。不管用哪种方式，除了
ui-ux-pro-max，还会一起装上design、design-system、brand、ui-styling、slides、banner-design六个配套 Skill。
二、打开看看：一个 Skill 里装了一个数据库
ui-ux-pro-max/
├── SKILL.md ← 告诉 Agent 什么时候查、怎么查、查完怎么用
├── data/ ← 十几张 CSV 表，就是它的设计数据库
├── references/ ← 完整规则清单、交付前检查清单，用到才读
└── scripts/
└── search.py ← 搜索脚本：Agent 用它查 data/ 里的表data/ 里的每张表，就是设计师经验的一个维度：
| 表 | 装的是什么 |
|---|---|
products.csv |
192 种产品类型 |
ui-reasoning.csv |
192 条行业推理规则：这类产品该用什么模式、风格、配色、字体，要避开什么 |
styles.csv |
风格库：玻璃拟态、粗野主义、便当盒网格…… |
colors.csv |
192 套配色，和产品类型一一对应 |
typography.csv |
字体配对 |
ux-guidelines.csv |
119 条 UX 指南 |
charts.csv、icons.csv、landing.csv…… |
图表、图标、落地页结构 |
知识放在数据表里，SKILL.md 只负责告诉 Agent 怎么查。几千行的表格，平时一行都不会进上下文，Agent 查到哪行才读哪行。
三、精读：SKILL.md 怎么指挥 Agent
1. 先说清楚什么时候用、什么时候不用
SKILL.md 开头先划边界：做页面、组件、配色、排版、无障碍、动效、响应式时用；纯后端逻辑、接口和数据库设计、和视觉无关的性能优化、运维，都不用。只有一个例外：改动会影响东西看起来、用起来、动起来的样子。
description 要写清什么时候用，这个 Skill 在正文里还把不用的情况说了一遍。
2. 一张按优先级排的规则表
它把 UI 规则分成 10 类，按优先级从 1 排到 10：