theme-factory

主题工厂

用途

提供一套工具包，用于为演示文稿、文档、报告和网页等各种内容应用一致的视觉主题。提供预设主题，并支持创建自定义主题，统一配色、字体和样式。

适用场景

• 为演示文稿或文档应用统一的品牌形象
• 使用专业配色方案美化 HTML 页面
• 根据品牌指南创建自定义主题
• 将普通内容转换为应用主题后的版本
• 为新项目生成调色板
• 确保配色选择符合无障碍要求
• 创建深色／浅色模式变体
• 为报告和数据可视化设置样式

快速入门

在以下情况下调用此技能：

• 为演示文稿或文档应用统一的品牌形象
• 使用专业配色方案美化 HTML 页面
• 根据品牌指南创建自定义主题
• 将普通内容转换为应用主题后的版本
• 为新项目生成调色板

以下情况请勿调用：

• 从头开始设计 UI 组件 → 使用 ui-designer
• 构建完整的 Web 应用 → 使用 frontend-design
• 创建视觉艺术作品或图形 → 使用 canvas-design
• 专门应用 Anthropic 品牌规范 → 使用 brand-guidelines

决策框架

Theming Need?
├── Corporate Branding → Use brand colors + approved fonts
├── Quick Professional → Apply pre-set theme
├── Custom Theme → Generate from primary color + style
├── Accessibility → Ensure WCAG contrast ratios
├── Dark Mode → Invert with adjusted colors
└── Print-Friendly → Optimize for paper output

核心工作流

1. 应用预设主题

1. 选择目标内容（幻灯片、文档、HTML）
2. 从可用的预设主题中选择
3. 提取当前内容结构
4. 为标题、文本和背景应用主题配色
5. 设置字体样式（字体、字号、字重）
6. 根据主题调整间距和布局
7. 检查视觉一致性

2. 生成自定义主题

1. 收集品牌资料（主色、徽标、指南）
2. 生成协调的调色板
3. 选择字体搭配（标题 + 正文）
4. 定义间距比例和组件样式
5. 创建主题配置文件
6. 将主题应用于目标内容
7. 根据反馈进行迭代

3. 将主题应用于多种格式

1. 将主题定义为抽象设计令牌（颜色、字体、间距）
2. 创建特定格式的实现（CSS、PPTX 样式、docx 样式）
3. 根据内容类型应用相应的实现
4. 确保不同格式间的视觉一致性
5. 编写主题使用指南

最佳实践

• 从符合无障碍要求的颜色对比度开始（至少达到 WCAG AA）
• 将调色板限制为 3–5 种颜色，以保持协调
• 使用一致的间距比例（4px、8px、16px 等）
• 有意识地搭配字体（形成对比或相互协调）
• 使用实际内容测试主题，而不是占位文本
• 尽可能提供浅色和深色模式变体

反面模式

• 颜色过多 → 限制为主色、辅助色、强调色和中性色
• 忽视对比度 → 始终检查是否符合无障碍要求
• 间距不一致 → 使用已定义的间距比例
• 随意搭配字体 → 选择关系明确的字体
• 没有内容的主题 → 始终使用真实内容进行测试