UI UX Pro Max：给 Codex / Cursor 的本地 UI 设计智能 Skill

整理日期：2026-10-25（Asia/Shanghai）
立场：开源 Agent Skill / 本机设计数据检索向介绍，不是「装上就等于免费专业设计师」。
信息来源：GitHub nextlevelbuilder/ui-ux-pro-max-skill、中文 README、npm ui-ux-pro-max-cli（本机实测 v2.15.0）、官网 uupm.cc
发现帖（仅作线索归因，数字以仓库为准）：https://x.com/goan999999/status/2113876702220972253

最近刷到一条很炸的帖子：说给 Codex 装一个 UI/UX 技能包，就有「192 条行业规则 / 79 种风格 / 192 套配色」。
数字听着像营销文案——但仓库 README 徽章和本机 CSV 确实对得上。只是机制比「免费专业设计师」朴素得多：

它是一套 Agent Skill（本地数据 + search.py 检索），不是 MCP 服务，更不是替你审美的外挂设计师。
模型仍然负责取舍与落地；Skill 负责把「该查什么设计知识」变成可检索的本地资料。

抓取时 GitHub 约 14 万+ Star（MIT）。下面按 HuanHQ 技术栈习惯：先给地址，再讲它是什么、数字从哪来、怎么装到 Codex，以及免费 / Premium 边界。

项目地址（可直接复制）

GitHub：https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
官网：https://uupm.cc/ （同 www.uupm.cc）
npm CLI：https://www.npmjs.com/package/ui-ux-pro-max-cli （命令名 uipro，包名不要用过期的 uipro-cli）
中文 README：https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/main/README.zh.md

一、速览：它解决什么痛点？

用 Codex / Claude Code / Cursor 写前端时，常见翻车不是「不会写 JSX」，而是：

行业气质不对（金融页做成霓虹 SaaS）
配色 / 字体随机拼
无障碍与微交互漏检（对比度、focus、reduced-motion）
同一产品多页面风格漂移

UI UX Pro Max（skill id：ui-ux-pro-max）把「产品类型 → 风格 / 配色 / 字体 / 落地页模式 / UX 反模式」整理成 本地 CSV，再用 Python 标准库脚本做 BM25 检索，在你提 UI 需求时给助手一份可引用的设计系统草案。

它不替代 Figma，也不保证生成码一定好看——只是把设计决策的检索成本压低。

二、是什么：Skill，不是 MCP

项	说明
形态	Agent Skill 包（模板生成到各助手的 skills 目录）
核心资产	`data/*.csv` + `scripts/search.py`（及设计系统推理脚本）
网络	搜索脚本宣称仅标准库、不装依赖、不发网络请求（需本机 Python 3）
安装器	npm 包 `ui-ux-pro-max-cli` → 二进制 `uipro`（实测 2.15.0）
许可证	仓库 MIT（以 GitHub LICENSE / `npm view` 为准）
不是什么	不是 MCP Server；不是云端设计 API；不是「一键出完整品牌 VI」的魔法按钮

和 MCP 的差别可以记一句：

MCP：助手通过协议去连外部工具 / 服务
Skill：把说明、脚本、数据 装进项目或全局 skills 目录，由助手按约定激活

uipro init --ai <platform> 做的事，本质是：按平台模板，把技能文件写到对的位置（例如 Codex → .agents/skills/，Cursor → .cursor/skills/）。

三、数字从哪来？（别只信传播帖）

传播帖常用的三个数，和 README 徽章 + 本机 CSV 对齐情况如下（CLI 捆绑资源，2026-10-25 实测）：

说法	本机核对
192 条行业推理规则	`ui-reasoning.csv` 192 行
192 套配色	`colors.csv` 192 行（与 `products.csv` 对齐）
79 种可搜索 UI 风格	`styles.csv` 共 88 行；searchable 79 = active 50 + supplemental 29（deprecated 9 不进常规检索）
另有	字体配对 74；UX 指南 119；技术栈 22；图表类型 25；落地页模式 34

catalog-summary.json 里也能看到同一套汇总（摘要时间戳约 2026-08-13）。

注意： 官网首页营销卡片仍可能显示偏旧数字（例如 57 styles / 95 palettes）。写稿与对外引用时，以 README 徽章与 CSV / catalog-summary 为准，不要混用两套口径。

四、给谁用？Codex 怎么装（Cursor 一句）

适合：已经在用 Codex CLI、Claude Code、Cursor 等、经常让 AI 搭落地页 / Dashboard / 后台的人。
不适合预期：装完就不再需要设计师、或不想碰 Python / Node 的纯设计同学。

技术栈指南覆盖（摘要）

Skill 为多栈提供指南 CSV，本机 data/stacks/ 可见 22 个文件，例如：

Web：HTML+Tailwind、React、Next.js、Vue、Nuxt、Svelte、Astro、Angular、Laravel、shadcn/ui、Three.js
移动：React Native、Flutter、SwiftUI、Jetpack Compose
桌面：WPF、WinUI、UWP、Avalonia、Uno、JavaFX

提示词里写明偏好栈，或默认 HTML + Tailwind。文档还提到 Web 栈指南有版本感知：不点名旧大版本时，倾向返回当前 active 条目。

可选：--design-system --persist -p MyApp 会把主配置落到 design-system/<slug>/MASTER.md，再按页面覆盖——适合多会话保持同一套 token，而不是每次重新「抽卡」。

五、机制简述（技术向）

公开文档与脚本行为可以概括成四步：

你提 UI/UX 需求（构建 / 改版 / 审查）
多域检索：产品类型、风格、配色、落地页模式、字体等（本地 CSV，BM25 排序）
推理规则：按行业规则拼「模式 + 风格优先级 + 配色氛围 + 反模式」
输出设计系统草案 + 交付前检查清单；再由模型去写具体代码

一次完整输出通常包括：推荐落地页/产品模式、风格关键词与适用场景、语义化配色（含 CSS 变量名）、字体配对与 Google Fonts 链接、动效建议、应避免的反模式，以及交付前检查清单（对比度、focus、reduced-motion、响应式断点等）。

所以评价标准也应该换成工具向的：

检索是否相关？反模式是否被提起？
清单有没有被模型当真执行？
最终 UI 仍取决于模型、提示词与你的验收——Skill 不能替你背锅。

本机用 fintech banking 跑 --design-system 时，输出里仍可能出现需要人工挑刺的组合（例如偏「科技紫」的强调色）——而 README 自己就把「银行业的 AI 紫/粉渐变」列为反模式。这并不矛盾：规则库是输入与提醒，不是终审法庭。 你仍要用产品语境覆盖自动推荐。

对 NAS / 自建读者：整套检索离线可跑，适合内网开发机；它不会替你托管设计资产，也不会在 CI 里「自动变美」，除非你把 search.py / 持久化 MASTER.md 嵌进自己的工作流。

六、免费开源 vs 官网 Premium

	基础版（本仓库 / MIT）	高级版（官网推广）
定位	个人 / 爱好者 / 标准项目	团队向扩展工作流
核心	可搜索风格、产品类型、配色、字体、BM25、多栈指南、设计系统生成	品牌标识、Logo、CIP、横幅、演示、自定义图标；更深 AI 资产生成；企业级 token 等
获取	GitHub + `ui-ux-pro-max-cli`	https://uupm.cc/ 了解升级

本稿只验证 OSS CLI + 本地 skill。Premium 细节以官网为准，不在此替官方背书定价或效果。

七、局限与使用注意

模型决定下限与上限——同一 Skill，不同模型 / 提示词差距可以很大。
官网数字可能滞后——引用请跟 README / CSV。
依赖本机 Python 3——没有 Python，search.py 跑不起来。
GitHub API 限流——uipro versions 等若打 GitHub，未认证 IP 可能 60 次/小时触顶；可用 UI_PRO_MAX_GITHUB_TOKEN（公开仓可不选 scope）。日常 init 用捆绑模板时可不依赖在线拉版本。
不是设计规范的法律效力——行业反模式是启发式，落地仍要对照真实品牌与合规。
Codex 桌面 GUI——本稿在无 Codex 图形界面的环境验证 CLI / 文件树 / search.py；助手内「自动激活」界面以你本机 Codex / Cursor 为准。

八、和传播帖差在哪？（写给也刷到那条 X 的人）

传播向总结往往停在「规则很多、装上就专业」。技术向可以改写成三句：

有料：CSV 规模可核对，不是空 README。
有边界：Skill 提供检索与启发式；审美与实现仍在模型与作者。
有安装路径：ui-ux-pro-max-cli → uipro init --ai …，别装错旧包名。

发现线索来自公开帖 https://x.com/goan999999/status/2113876702220972253 ；数字与机制以仓库 README / 本机文件为准，不以社媒二次转述为准。

九、结语

UI UX Pro Max 值得写进工具清单的原因很具体：

把 UI 常识与行业启发式 文件化、可检索
用 Skill 安装路径对接 Codex / Cursor 等，而不是再挂一层 MCP
数字能在 CSV 里对账，不是纯空气墙

如果你已经在用 AI 写界面，它更像「本地设计检索插件」；如果你期待「装上等于雇了高级设计师」，预期需要下调一档——然后它仍然值得一试。

再次附上地址：

（本文与项目作者 / 官网无商业合作；安装与使用后果自负。）

动态更新

如何联系我