Theme Factory Skill 详解

为 Artifact 提供专业主题配色方案

基本信息

属性	值
名称	theme-factory
类别	创意设计
输出格式	配色方案 / 样式指南
许可证	Apache 2.0

name: theme-factory
description: Toolkit for styling artifacts with a theme. These artifacts
can be slides, docs, reportings, HTML landing pages, etc. There are 10
pre-set themes with colors/fonts that you can apply to any artifact that
has been creating, or can generate a new theme on-the-fly.

---

1. 核心概念

1.1 Skill 用途

通俗比喻：这个 Skill 就像一个专业的设计师色卡库，提供 10 套精心搭配的配色和字体方案，可以快速为任何设计作品赋予统一的视觉风格。

1.2 适用场景

Artifact 类型	应用示例
幻灯片	PPT 演示文稿
文档	Word 报告、PDF
报表	数据可视化报告
网页	HTML 落地页
其他	任何需要配色的设计

---

2. 使用流程

2.1 标准工作流

graph LR
    A[展示主题预览] --> B[用户选择主题]
    B --> C[确认选择]
    C --> D[应用主题样式]

2.2 具体步骤

1. **展示主题展示**
   显示 `theme-showcase.pdf` 文件
   让用户可视化查看所有可用主题
   不做任何修改，仅供查看

2. **询问选择**
   询问用户想要应用哪个主题

3. **等待确认**
   获取用户对选定主题的明确确认

4. **应用主题**
   将选定主题的颜色和字体应用到作品中

---

3. 十大预设主题

3.1 主题列表

序号	名称	风格描述
1	Ocean Depths	专业沉稳的海洋主题
2	Sunset Boulevard	温暖活力的日落色调
3	Forest Canopy	自然接地的大地色系
4	Modern Minimalist	干净现代的灰度配色
5	Golden Hour	丰富温暖的秋季调色板
6	Arctic Frost	清凉清爽的冬季主题
7	Desert Rose	柔和精致的沙漠玫瑰色调
8	Tech Innovation	大胆现代的科技美学
9	Botanical Garden	清新有机的花园色彩
10	Midnight Galaxy	戏剧性的宇宙深色调

3.2 主题内容

每个主题包含：

**完整规格**：
- 统一的颜色调色板（带 Hex 代码）
- 互补的字体搭配（标题 + 正文）
- 独特的视觉身份
- 适用于不同场景和受众的设计指南

---

4. 主题应用

4.1 应用流程

1. **读取主题文件**
   从 `themes/` 目录读取对应主题文件

2. **应用颜色和字体**
   在整个作品中一致地应用指定的颜色和字体

3. **确保可读性**
   检查对比度和可读性

4. **保持一致性**
   在所有页面/部分保持主题的视觉身份

4.2 示例主题结构

# theme-ocean-depths.yml
name: Ocean Depths
description: Professional and calming maritime theme

colors:
  primary: "#1A5276"      # 深海蓝
  secondary: "#2980B9"    # 海洋蓝
  accent: "#48C9B0"       # 海泡绿
  background: "#EBF5FB"   # 浅蓝灰
  text: "#1C2833"         # 深灰

fonts:
  heading: "Montserrat"
  body: "Open Sans"

---

5. 自定义主题

5.1 何时创建自定义主题

当现有的 10 个主题都不适合时：
- 用户有特定的品牌色彩
- 需要特殊的行业风格
- 有具体的设计要求

5.2 创建流程

1. **收集输入**
   基于用户提供的描述或需求

2. **选择适当的颜色/字体**
   根据描述选择合适的配色和字体组合

3. **命名主题**
   给主题一个描述性的名称
   说明这个字体/颜色组合代表什么

4. **展示预览**
   展示生成的主题供审查和验证

5. **应用主题**
   确认后按标准流程应用

5.3 自定义主题示例

# 用户描述："我需要一个适合金融科技公司的主题"

name: FinTech Pro
description: Modern and trustworthy fintech aesthetic

colors:
  primary: "#0D47A1"      # 信任蓝
  secondary: "#1565C0"    # 现代蓝
  accent: "#00C853"       # 增长绿
  background: "#FAFAFA"   # 纯净白
  text: "#212121"         # 专业黑

fonts:
  heading: "Roboto"
  body: "Source Sans Pro"

---

6. 目录结构

theme-factory/
├── SKILL.md              # 主要指令
├── theme-showcase.pdf    # 主题预览文档
└── themes/               # 主题定义文件
    ├── ocean-depths.yml
    ├── sunset-boulevard.yml
    ├── forest-canopy.yml
    ├── modern-minimalist.yml
    ├── golden-hour.yml
    ├── arctic-frost.yml
    ├── desert-rose.yml
    ├── tech-innovation.yml
    ├── botanical-garden.yml
    └── midnight-galaxy.yml

---

7. 使用示例

7.1 触发方式

"帮我给这个 PPT 应用一个专业的主题"
"我需要一个适合科技公司的配色方案"
"apply a theme to my presentation"
"I want a warm, autumn-inspired color scheme"

7.2 典型对话

**用户**：帮我给这个演示文稿选一个主题

**Claude**：我来展示可用的主题供您选择。
[展示 theme-showcase.pdf]
这里有 10 个预设主题：
1. Ocean Depths - 专业沉稳
2. Sunset Boulevard - 温暖活力
...
您想要哪个主题？

**用户**：我想要 Tech Innovation

**Claude**：好的，我将应用 Tech Innovation 主题，
这是大胆现代的科技美学风格。
[应用主题颜色和字体]

---

8. 最佳实践

8.1 主题选择建议

场景	推荐主题
商务演示	Modern Minimalist, Ocean Depths
创意展示	Sunset Boulevard, Botanical Garden
科技产品	Tech Innovation, Midnight Galaxy
自然/环保	Forest Canopy, Botanical Garden
奢华品牌	Golden Hour, Desert Rose

8.2 应用注意事项

**确保对比度**：
- 文字必须在背景上清晰可读
- 遵循 WCAG 无障碍指南

**保持一致性**：
- 同一作品中只使用一个主题
- 所有元素使用相同的字体层次

**适度使用强调色**：
- 强调色用于突出重点
- 避免过度使用导致视觉疲劳

---

9. 本节小结

要点	说明
预设主题	10 个精心设计的主题方案
主题内容	颜色调色板 + 字体搭配
应用流程	展示 → 选择 → 确认 → 应用
自定义支持	可根据需求创建新主题
适用范围	PPT、文档、网页、报表等

---

返回：Skills 目录