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
