ui-ux-pro-max
一个社区维护的 UI/UX 知识库 skill：本地 CSV 数据（风格、配色、字体搭配、UX 规则、图表类型、技术栈），外加一个 Python 搜索脚本，在 agent 写页面之前先生成一套设计系统。
- 路径
.claude/skills/ui-ux-pro-max · SKILL.md- 安装方式
ui-ux-pro-max-cli@2.15.0 （该 skill 自己的 CLI）
每道题目固定按 2×2 展示：Codex 原生、Codex + skill、Claude Code 原生、Claude Code + skill。点击截图可查看整页。安装与使用 ↓
擅长什么
以下是 skill 自己的文档里声称的优势，附有出处。这些只是声称，不是结论，请和下面的实际结果对照着看。
- 面向网页、移动端和桌面端界面的可检索本地设计数据（风格、产品配色、字体搭配、UX 准则、图表类型、技术栈） 出处
- 按行业的配色方案和推理规则，按产品类型生成设计系统 出处
- 为看板和分析页面推荐图表类型 出处
测试范围：SaaS 落地页、数据看板、个人博客与作品集。不在范围内的题目标为“不适用”，而不是待运行。
在 v0 运行之后才对照 skill 原文核对（不是事先决定的）。引文来自参考 commit 下的仓库；画廊运行的是 CLI 2.15.0 生成的版本，其 description 相同。
- 模型
gpt-6.1-sol · high- 耗时
- 7m 51s
- Token
- in 424k · out 24.5k
- 使用 skill
- 不适用
- 外部资源
- fonts.googleapis.com, fonts.gstatic.com
- 运行日期
- 2026-10-25
a11y 较严重 1▶ 录屏
👍 0 · 去投票
打开页面 · run.json
- 模型
gpt-6.1-sol · high- 耗时
- 7m 14s
- Token
- in 462k · out 22.0k
- 使用 skill
- 是
- 外部资源
- fonts.googleapis.com, fonts.gstatic.com
- 运行日期
- 2026-10-25
a11y 较严重 1▶ 录屏
👍 0 · 去投票
打开页面 · run.json
- 模型
claude-opus-5-5 · high- 耗时
- 7m 11s
- Token
- in 30 · cache 873k · out 37.6k
- 使用 skill
- 不适用
- 外部资源
- fonts.googleapis.com, fonts.gstatic.com
- 运行日期
- 2026-10-26
a11y 较严重 1▶ 录屏
👍 0 · 去投票
打开页面 · run.json
Claude Code + ui-ux-pro-max
成功
- 模型
claude-opus-5-5 · high- 耗时
- 13m 48s
- Token
- in 76 · cache 3.78M · out 59.1k
- 使用 skill
- 是
- 外部资源
- fonts.googleapis.com, fonts.gstatic.com
- 运行日期
- 2026-10-26
a11y：未发现问题▶ 录屏
👍 0 · 去投票
打开页面 · run.json
- 模型
gpt-6.1-sol · high- 耗时
- 6m 56s
- Token
- in 326k · out 25.8k
- 使用 skill
- 不适用
- 外部资源
- fonts.googleapis.com, fonts.gstatic.com
- 运行日期
- 2026-10-25
a11y 严重 1▶ 录屏
👍 0 · 去投票
打开页面 · run.json
- 模型
gpt-6.1-sol · high- 耗时
- 9m 00s
- Token
- in 1.30M · out 27.7k
- 使用 skill
- 是
- 外部资源
- fonts.googleapis.com, fonts.gstatic.com
- 运行日期
- 2026-10-25
a11y 严重 1▶ 录屏
👍 0 · 去投票
打开页面 · run.json
- 模型
claude-opus-5-5 · high- 耗时
- 8m 03s
- Token
- in 34 · cache 1.08M · out 46.4k
- 使用 skill
- 不适用
- 外部资源
- 无
- 运行日期
- 2026-10-26
a11y 较严重 1▶ 录屏
👍 0 · 去投票
打开页面 · run.json
Claude Code + ui-ux-pro-max
成功
- 模型
claude-opus-5-5 · high- 耗时
- 7m 12s
- Token
- in 28 · cache 1.05M · out 49.9k
- 使用 skill
- 是
- 外部资源
- fonts.googleapis.com, fonts.gstatic.com
- 运行日期
- 2026-10-26
a11y 较严重 1▶ 录屏
👍 0 · 去投票
打开页面 · run.json
- 模型
gpt-6.1-sol · high- 耗时
- 4m 59s
- Token
- in 218k · out 19.8k
- 使用 skill
- 不适用
- 外部资源
- fonts.googleapis.com, fonts.gstatic.com
- 运行日期
- 2026-10-25
a11y 较严重 1▶ 录屏
👍 0 · 去投票
打开页面 · run.json
- 模型
gpt-6.1-sol · high- 耗时
- 6m 55s
- Token
- in 510k · out 20.3k
- 使用 skill
- 是
- 外部资源
- fonts.googleapis.com, fonts.gstatic.com
- 运行日期
- 2026-10-25
a11y 较严重 1▶ 录屏
👍 0 · 去投票
打开页面 · run.json
- 模型
claude-opus-5-5 · high- 耗时
- 10m 28s
- Token
- in 24 · cache 661k · out 41.1k
- 使用 skill
- 不适用
- 外部资源
- fonts.googleapis.com, fonts.gstatic.com
- 运行日期
- 2026-10-26
a11y 较严重 1▶ 录屏
👍 0 · 去投票
打开页面 · run.json
Claude Code + ui-ux-pro-max
成功
- 模型
claude-opus-5-5 · high- 耗时
- 8m 05s
- Token
- in 54 · cache 2.22M · out 45.3k
- 使用 skill
- 是
- 外部资源
- fonts.googleapis.com, fonts.gstatic.com
- 运行日期
- 2026-10-26
a11y：未发现问题▶ 录屏
👍 0 · 去投票
打开页面 · run.json
安装与使用
这个 skill 由它自己的 CLI（ui-ux-pro-max-cli@2.15.0）为每个 agent 分别生成。画廊运行时用的就是这份生成结果。
Claude Code
安装
npx ui-ux-pro-max-cli@2.15.0 init --ai claude
会在当前项目中写入 .claude/skills/ui-ux-pro-max/。
使用
# 交互模式
/ui-ux-pro-max <你的任务>
# 或者在任意请求末尾加上
Use the ui-ux-pro-max skill.
# 非交互模式，和画廊运行时一样
claude -p '<你的任务> Use the ui-ux-pro-max skill.'
如果想在所有项目中使用，改为把文件夹放到 ~/.claude/skills/ui-ux-pro-max/。当请求与 skill 的描述相符时，Claude Code 也会自行加载这个 skill。
Codex
安装
npx ui-ux-pro-max-cli@2.15.0 init --ai codex
会在当前项目中写入 .agents/skills/ui-ux-pro-max/。
使用
# 交互模式：在请求中提到它，或从 /skills 中选择
$ui-ux-pro-max <你的任务>
# 非交互模式，和画廊运行时一样
codex exec -s workspace-write '<你的任务> Use the $ui-ux-pro-max skill.'
如果想在所有项目中使用，改为把文件夹放到 ~/.agents/skills/ui-ux-pro-max/。Codex 也会根据 skill 的描述自行选用它。
说明
- 运行它的搜索脚本需要 python3（只用到标准库）。
- 上游 README 推荐使用
npm i -g ui-ux-pro-max-cli；画廊改用固定版本的 npx，不做任何全局安装。
元数据：skills/ui-ux-pro-max/meta.yaml · Copyright (c) 2024 Next Level Builder
