前言¶

用 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