theme-factory
Anthropic 的主題工具包:十套預設配色與字體搭配(或產生一套自訂主題),套用到已完成的作品上,例如到達頁面。只處理顏色與字體,不處理版面。包含說明、十個小主題檔與一份展示 PDF。
每個題目固定以 2×2 顯示:Codex 原生、Codex + skill、Claude Code 原生、Claude Code + skill。點選截圖可查看整頁。安裝與使用 ↓
擅長什麼
以下是 skill 自己的文件中宣稱的優勢,並附上出處。這些只是宣稱,不是結論,請與下方的實際結果對照著看。
- 十套含配色與字體的預設主題,可以套用到任何已完成的作品上,也可以當場產生新主題 出處
- 一套協調的配色(附十六進位色碼),以及標題與內文相配的字體搭配 出處
測試範圍:SaaS 到達頁面、資料儀表板、個人部落格與作品集。不在範圍內的題目標示為「不適用」,而不是待執行。
在第二批執行之前,依據 skill 原文決定。原文只點名了到達頁面;儀表板與部落格作品集依據的是「reportings」和「any artifact」。


- 模型
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
- 時間
- 5m 57s
- Token 數
- in 221k · out 20.8k
- 是否使用 skill
- 是
- 外部資源
- fonts.googleapis.com, fonts.gstatic.com
- 執行日期
- 2026-10-26
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 + theme-factory
成功

- 模型
claude-opus-5-5 · high
- 時間
- 6m 13s
- Token 數
- in 36 · cache 967k · out 37.4k
- 是否使用 skill
- 是
- 外部資源
- fonts.googleapis.com, fonts.gstatic.com
- 執行日期
- 2026-10-26
a11y 較嚴重 1▶ 錄影
👍 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
- 時間
- 11m 14s
- Token 數
- in 523k · out 28.6k
- 是否使用 skill
- 是
- 外部資源
- 無
- 執行日期
- 2026-10-26
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 + theme-factory
成功

- 模型
claude-opus-5-5 · high
- 時間
- 6m 05s
- Token 數
- in 36 · cache 923k · out 39.1k
- 是否使用 skill
- 是
- 外部資源
- 無
- 執行日期
- 2026-10-26
a11y 較嚴重 2▶ 錄影
👍 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
- 時間
- 8m 49s
- Token 數
- in 221k · out 21.5k
- 是否使用 skill
- 是
- 外部資源
- 無
- 執行日期
- 2026-10-26
a11y:未發現問題▶ 錄影
👍 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 + theme-factory
成功

- 模型
claude-opus-5-5 · high
- 時間
- 6m 32s
- Token 數
- in 34 · cache 963k · out 38.3k
- 是否使用 skill
- 是
- 外部資源
- cdn.jsdelivr.net
- 執行日期
- 2026-10-26
a11y:未發現問題▶ 錄影
👍 0 · 去投票
開啟頁面 · run.json
安裝與使用
專案層級安裝:把 skill 資料夾(含有 SKILL.md 的那一個)以固定 commit 的版本複製到你的專案中。畫廊的執行也是用同樣的方式安裝。
Claude Code
安裝
把資料夾複製到 <project>/.claude/skills/theme-factory/。
git clone https://github.com/anthropics/skills.git /tmp/theme-factory-src
git -C /tmp/theme-factory-src checkout dbd4588f9e1033efb41dad4bef2f7947c8993d44
mkdir -p .claude/skills
cp -R /tmp/theme-factory-src/skills/theme-factory .claude/skills/theme-factory
使用
# 互動模式
/theme-factory <你的任務>
# 或在任何請求的結尾加上
Use the theme-factory skill.
# 非互動模式,與畫廊的執行方式相同
claude -p '<你的任務> Use the theme-factory skill.'
若要讓所有專案都能使用,請改把資料夾放到 ~/.claude/skills/theme-factory/。當請求符合 skill 的描述時,Claude Code 也可以自行載入這個 skill。
Codex
安裝
把資料夾複製到 <project>/.agents/skills/theme-factory/。
git clone https://github.com/anthropics/skills.git /tmp/theme-factory-src
git -C /tmp/theme-factory-src checkout dbd4588f9e1033efb41dad4bef2f7947c8993d44
mkdir -p .agents/skills
cp -R /tmp/theme-factory-src/skills/theme-factory .agents/skills/theme-factory
使用
# 互動模式:直接提到它,或從 /skills 選取
$theme-factory <你的任務>
# 非互動模式,與畫廊的執行方式相同
codex exec -s workspace-write '<你的任務> Use the $theme-factory skill.'
若要讓所有專案都能使用,請改把資料夾放到 ~/.agents/skills/theme-factory/。Codex 也可以依據 skill 的描述自行選用。
備註
- Written mainly for slide decks; the description also lists HTML landing pages.
- The documented workflow asks the user to pick a theme and waits; in one-pass cells the agent has to choose.
- Theme fonts are system fonts (DejaVu Sans etc.) meant for documents.
- Styles colour and type only, not layout.
中繼資料:skills/theme-factory/meta.yaml · Copyright 2026 Anthropic, PBC.