前言¶

用 AI 生成幻燈片、技術文檔或 HTML 落地頁時，內容往往很快成型，樣式卻容易「各頁各樣」：標題字體不統一、配色隨意、對比度不足。手動在 PowerPoint、Markdown 或 CSS 裏逐頁調整，既耗時，又很難保證整份產物視覺一致。

Anthropic 在官方開源倉庫 anthropics/skills 中提供了 theme-factory 這一 Agent Skill。它把配色方案、字體搭配和換膚流程寫進 SKILL.md，讓 Cursor、Claude Code 等 AI 編程工具在生成或修改產物時，能按預設主題統一樣式，也支持按需生成自定義主題。本文基於官方資料，介紹它的定位、能力與用法。

這是什麼¶

theme-factory 是 Anthropic 官方示例 Skill 之一，屬於 Creative & Design 類別。其核心是一個帶 YAML 前置元數據的 SKILL.md 文件，外加主題規格文件與可視化展示 PDF。

官方描述爲：面向幻燈片、文檔、報告、HTML 落地頁等「產物（artifact）」的主題工具包，內置 10 套預設主題（配色 + 字體），可將選定主題應用到已有產物，或在預設不合適時即時生成新主題。

Skill 目錄結構（摘自官方倉庫）大致如下：

theme-factory/
├── SKILL.md              # 技能說明與工作流程
├── theme-showcase.pdf    # 10 套主題的視覺預覽
├── themes/               # 各主題的詳細規格（hex 色值、字體等）
│   ├── ocean-depths.md
│   ├── sunset-boulevard.md
│   └── ...
└── LICENSE.txt

核心功能與亮點¶

1. 10 套預設專業主題¶

官方在 SKILL.md 中列出了 10 套主題，每套在 themes/ 目錄下有獨立 Markdown 規格文件，並在 theme-showcase.pdf 中做視覺展示：

以 Ocean Depths 爲例，官方主題文件包含完整色板與字體說明：

## Color Palette
- **Deep Navy**: `#1a2332` - Primary background color
- **Teal**: `#2d8b8b` - Accent color for highlights and emphasis
- **Seafoam**: `#a8dadc` - Secondary accent for lighter elements
- **Cream**: `#f1faee` - Text and light backgrounds

## Typography
- **Headers**: DejaVu Sans Bold
- **Body Text**: DejaVu Sans

每套主題還標註了適用場景，例如 Ocean Depths 適合企業彙報、財務報告、諮詢類演示等需要建立信任感的內容。

2. 標準化的換膚工作流¶

SKILL.md 規定了 Agent 執行換膚時的步驟，避免「直接改樣式、用戶不知道選了什麼」：

1. 展示主題預覽：向用戶展示 theme-showcase.pdf（只讀查看，不修改該文件）。
2. 詢問選擇：請用戶指定要應用的主題。
3. 等待確認：獲得明確的主題選擇後再繼續。
4. 應用主題：讀取 themes/ 下對應文件，將色值與字體一致地應用到幻燈片或其他產物，並注意對比度與可讀性。

這套流程把「選主題 → 確認 → 落地」拆成可復現的步驟，適合接入 AI 設計工作流：先出內容骨架，再一鍵統一樣式。

3. 支持自定義主題¶

若 10 套預設都不合適，Skill 說明 Agent 可根據用戶描述生成新主題：命名方式與現有主題類似，選定合適的顏色與字體組合，生成後先展示供用戶確認，再按上述流程應用。

4. 跨產物類型¶

官方明確支持的產物類型包括：演示幻燈片、文檔、報告、HTML 落地頁等。主題規格以 hex 色值和字體配對形式存儲，Agent 讀取後可在不同輸出格式中映射爲對應的樣式規則。

安裝與啓用¶

theme-factory 遵循通用的 Agent Skills 格式（SKILL.md + 可選資源目錄），可在多種 AI 編程工具中使用。以下方式均來自官方倉庫或 Agent Skills 生態的公開說明；各工具細節以你本地環境爲準。

方式一：Skills CLI 安裝¶

npx skills add anthropics/skills --skill theme-factory

或使用完整 GitHub 地址：

npx skills add https://github.com/anthropics/skills --skill theme-factory

方式二：手動複製 Skill 目錄¶

Skill 是自包含的，需要複製整個 theme-factory 文件夾（含 themes/ 與 theme-showcase.pdf），而不僅是 SKILL.md：

# 項目級（Cursor 示例）
.cursor/skills/theme-factory/

# 項目級（Claude Code 示例）
.claude/skills/theme-factory/

# 用戶級（Claude Code，跨項目可用）
~/.claude/skills/theme-factory/

方式三：Claude Code 插件市場¶

Anthropic 官方 README 提供 Claude Code 插件安裝方式：

/plugin marketplace add anthropics/skills

隨後在插件列表中選擇 anthropic-agent-skills，安裝 example-skills（theme-factory 位於示例技能集中）。也可直接執行：

/plugin install example-skills@anthropic-agent-skills

方式四：Claude.ai 與 API¶

官方說明：anthropics/skills 中的示例 Skill 已對 Claude.ai 付費計劃用戶開放；自定義 Skill 的上傳與 API 用法見 Using skills in Claude 與 Skills API Quickstart。

注意：官方倉庫免責聲明指出，這些 Skill 主要用於演示與教育，Claude 實際行爲可能與 Skill 文件描述存在差異，關鍵任務請在本地充分測試。

典型用法示例¶

啓用 Skill 後，可通過自然語言觸發。以下爲基於官方工作流程整理的提示詞示例，便於復現：

示例 1：爲已有幻燈片選主題

我有一份產品路演 PPT 草稿，請使用 theme-factory：
1. 先展示 theme-showcase.pdf 裏的主題預覽；
2. 我選 Tech Innovation；
3. 確認後把該主題的配色和字體應用到全部幻燈片。

示例 2：生成 HTML 落地頁並換膚

幫我寫一頁 SaaS 產品介紹的 HTML 落地頁，內容寫完後用 theme-factory，
按 Modern Minimalist 主題統一背景色、強調色和標題/正文字體。

示例 3：自定義主題

現有 10 套主題都不符合我們品牌（主色 #2563eb，偏科技感但不要太冷），
請用 theme-factory 生成一套自定義主題，命名並展示色板與字體，我確認後再應用到文檔。

Agent 在應用主題時會讀取 themes/<theme-name>.md，並將 hex 色值、字體配對貫徹到產物各元素，同時檢查對比度與可讀性。

適用場景與注意事項¶

適合誰用¶

• 經常用 AI 生成 PPT、Markdown 報告、HTML 頁面，又希望視覺風格統一的開發者或內容創作者。
• 需要快速在多種風格間切換、做 A/B 視覺方案的產品或運營同學。
• 正在學習 Agent Skills 寫法、希望參考「資源文件 + 流程指令」設計模式的技術作者。

使用限制¶

1. 需完整 Skill 目錄：僅複製 SKILL.md 而不帶 themes/ 和 theme-showcase.pdf，Agent 無法讀取具體色值與預覽。
2. 主題爲規格而非模板：Skill 提供配色與字體規範，不替代具體排版引擎；最終效果取決於 Agent 如何將規格映射到你的產物格式（PPTX、HTML、PDF 等）。
3. 字體可用性：主題文件中的字體（如 DejaVu Sans）在目標環境未安裝時，可能需要 fallback，落地前建議預覽。
4. 演示性質：官方註明倉庫內 Skill 爲示例實現，生產環境使用前請自行驗證輸出質量。

小結¶

theme-factory 把「專業配色 + 字體配對 + 換膚流程」封裝成 Agent Skill，用 10 套預設主題和可擴展的自定義能力，解決 AI 生成產物樣式碎片化的問題。對於幻燈片、文檔、落地頁等場景，它提供了一條可復現的「先選膚、再統一應用」路徑，是 AI 設計工作流中值得嘗試的官方示例 Skill。

官方倉庫與 Skill 目錄：

• https://github.com/anthropics/skills/tree/main/skills/theme-factory
• Agent Skills 標準說明：https://agentskills.io