Theme Factory_内容创作 skill-PHP中文网

Theme Factory

Polar Sponsor

爱发电赞助

.NET 9.0

立即下载

专业的配色和排版主题精选集，用于美化幻灯片、文档、报告、着陆页等制品。适用于为演示文稿应用视觉主题、生成主题化内容或创建自定义品牌配色。触发词：主题、配色方案、字体搭配、幻灯片样式、演示主题、品牌颜色。

主题工厂: 任何使用配色调色板和字体配对的装饰主题的工艺品都具有一致的专业风格

功能概述

主题工厂: 任何使用配色调色板和字体配对的装饰主题的工艺品都具有一致的专业风格是一项面向实际任务的技能，主要用于使用时使用幻灯片的底板、报告或带有共通文件的文档。它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。

核心要点

使用时应结合输入条件选择合适的执行方式，核对必要参数、依赖环境与输出内容，并按原始要求处理异常情况。
该技能适合需要稳定复用相关能力的场景，可作为自动化工作流的一部分，也便于后续检查、调整和扩展。
从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。

使用与执行

实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。

结果检查与注意事项

执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。

主题工厂（Theme Factory）

通过精选的主题（含配色方案与字体组合），为任意产出物施加统一、专业的视觉样式。

适用场景

为幻灯片、报告或文档赋予一致的视觉识别体系
为 HTML 页面或落地页应用配色方案与字体组合
选择预置主题，快速实现专业化排版
当现有预设主题均不契合需求时，创建自定义主题

使用方法

步骤 1：展示可用主题

向用户呈现 10 种可用主题及其描述：

#	主题	氛围（Vibe）	适用场景
1	Ocean Depths	专业、沉静的海洋风	企业、金融、咨询类项目
2	Sunset Boulevard	温暖、充满活力的能量感	创意提案、市场营销、活动宣传
3	Forest Canopy	自然、沉稳的大地色调	环保、可持续发展、健康养生类内容
4	Modern Minimalist	简洁、当代的灰度风格	科技、建筑、设计作品集展示
5	Golden Hour	浓郁、温暖的秋日色调	酒店与旅游、生活方式、手工艺品牌
6	Arctic Frost	冷峻、精准的清爽感	医疗健康、前沿科技、清洁能源领域
7	Desert Rose	柔和、精致的沙尘色调	时尚、美妆、室内设计行业
8	Tech Innovation	大胆、高对比度的现代风格	初创公司、软件发布、AI/ML 相关项目
9	Botanical Garden	清新、有机的生命力	食品、园艺、天然产品类内容
10	Midnight Galaxy	戏剧性、深邃的宇宙感	娱乐、游戏、奢侈品牌推广

步骤 2：获取用户选择

询问用户希望应用哪一个主题，并在获得明确确认后才继续执行。

步骤 3：应用主题

从 themes/ 目录中读取所选主题文件
在整个产出物中一致地应用颜色与字体
确保足够的对比度与可读性
在所有页面/幻灯片中保持该主题的视觉一致性

主题文件结构

themes/ 目录下的每个主题均遵循以下格式：

# 主题名称

关于视觉氛围与灵感来源的简要说明。

## 颜色方案（Color Palette）
- **主深色（Primary Dark）**: `#hex` — 使用说明
- **强调色（Accent）**: `#hex` — 使用说明
- **辅助色（Secondary）**: `#hex` — 使用说明
- **浅色/背景色（Light/Background）**: `#hex` — 使用说明

## 字体排印（Typography）
- **标题字体（Headers）**: 字体族名称
- **正文字体（Body Text）**: 字体族名称

## 最佳适用场景（Best Used For）
适用上下文与目标受众说明。

针对不同产出物的主题应用方式

幻灯片（Slide Decks）

背景：标题页使用主深色；内容页使用浅色/背景色
标题：使用标题字体，并以强调色呈现
正文：在浅色背景上使用正文字体，并以主深色呈现文字
装饰元素：图表、高亮区域、分隔线等使用强调色或辅助色

HTML / 落地页（HTML / Landing Pages）

:root {
  --theme-primary: #hex;     /* 来源于主题的主深色 */
  --theme-accent: #hex;      /* 来源于主题的强调色 */
  --theme-secondary: #hex;   /* 来源于主题的辅助色 */
  --theme-bg: #hex;          /* 来源于主题的浅色/背景色 */
  --theme-font-heading: "Theme Header Font", sans-serif;
  --theme-font-body: "Theme Body Font", sans-serif;
}

文档 / 报告（Documents / Reports）

封面页：主深色背景搭配浅色文字
章节标题：强调色 + 标题字体
正文内容：正文字体置于浅色背景之上
图表/表格：数据系列使用强调色与辅助色区分
提示框（Callout boxes）：辅助色作背景，主深色作文字

创建自定义主题

当无预设主题契合需求时，可生成自定义主题：

收集输入信息 — 了解品牌调性、目标受众、期望氛围与使用上下文
选定配色方案 — 精心挑选 4 种构成协调整体的色彩：
- 一种深色锚点色（用于背景、正文）
- 一种主强调色（用于重点强调、CTA 按钮）
- 一种辅助强调色（用于次要元素）
- 一种浅色/中性色（用于背景、留白）
搭配字体 — 选择互补的标题字体与正文字体：
- 标题字体：具辨识度、体现个性
- 正文字体：易读性强、简洁清晰
验证对比度 — 确保文本与背景色满足 WCAG AA 级可访问性标准
命名主题 — 赋予一个能传达其视觉感受的富有表现力的名称
撰写文档 — 按照标准格式编写主题文件
审核确认 — 在正式应用前向用户展示主题并获取批准

配色协调规则

互补色（Complementary）：色环上相对位置的颜色（高对比度）
邻近色（Analogous）：色环上相邻的颜色（和谐统一）
三角色（Triadic）：色环上等距分布的三种颜色（鲜明且平衡）
分裂互补色（Split-complementary）：基础色 + 其互补色两侧相邻的两种颜色（灵活多变）

对比度指南

应用任何主题时，均须确保可读性：

组合类型	最低对比度比值	对应 WCAG 等级
正文在背景上的对比度	4.5:1	AA
大号文字（≥18px）在背景上的对比度	3:1	AA
UI 组件 / 边框	3:1	AA
增强可读性（Enhanced readability）	7:1	AAA