主题造型师
为各类产出物应用专业的视觉主题。一个主题包含完整的色彩体系与字体方案,一键统一风格。
使用场景
| 场景 | 触发条件 | 说明 |
|---|---|---|
| 幻灯片美化 | PPT 风格不统一 | 应用主题统一视觉 |
| 文档美化 | 文档缺乏设计感 | 应用主题提升专业度 |
| 报告美化 | 数据报告视觉平淡 | 主题+图表配色统一 |
| HTML 落地页 | 落地页需要专业设计 | 主题驱动设计 |
| 主题定制 | 预设主题不满足 | 生成自定义主题 |
预设主题库(10+)
1. Corporate(企业蓝)
- 主色:#1a56db(深蓝)
- 辅色:#3b82f6(亮蓝)
- 强调:#f59e0b(琥珀)
- 字体:Inter / Source Sans
- 适用:企业报告/商务PPT
2. Minimal(极简黑白)
- 主色:#111827(近黑)
- 辅色:#6b7280(灰)
- 强调:#10b981(翠绿)
- 字体:Helvetica / Inter
- 适用:设计/科技/创意
3. Warm(暖橙活力)
- 主色:#ea580c(橙)
- 辅色:#fbbf24(金黄)
- 强调:#7c3aed(紫)
- 字体:Poppins / Nunito
- 适用:消费品/教育/健康
4. Nature(自然绿)
- 主色:#16a34a(绿)
- 辅色:#84cc16(黄绿)
- 强调:#0891b2(青)
- 字体:Lora / Merriweather
- 适用:环保/农业/有机
5. Elegant(优雅紫)
- 主色:#7c3aed(紫)
- 辅色:#a78bfa(浅紫)
- 强调:#f59e0b(金)
- 字体:Playfair Display / Lato
- 适用:奢侈品/美妆/时尚
6. Tech(科技深色)
- 主色:#0ea5e9(天蓝)
- 辅色:#6366f1(靛蓝)
- 强调:#22d3ee(青)
- 字体:JetBrains Mono / Inter
- 适用:技术/开发者/SaaS
7. Editorial(杂志风)
- 主色:#991b1b(酒红)
- 辅色:#525252(炭灰)
- 强调:#ca8a04(金)
- 字体:Georgia / Merriweather
- 适用:出版/媒体/长文
8. Playful(活泼多彩)
- 主色:#ec4899(粉)
- 辅色:#8b5cf6(紫)
- 强调:#22c55e(绿)
- 字体:Quicksand / Comfortaa
- 适用:儿童/游戏/社交
9. Mono(单色专业)
- 主色:#1f2937(深灰)
- 辅色:#9ca3af(浅灰)
- 强调:#dc2626(红)
- 字体:IBM Plex Sans / IBM Plex Mono
- 适用:工程/数据/学术
10. Sunset(日落渐变)
- 主色:#f97316(橙)
- 辅色:#ec4899(粉)
- 强调:#8b5cf6(紫)
- 字体:Montserrat / Open Sans
- 适用:创意/活动/营销
工作流
1. 主题选择
- 分析产出物类型:PPT/文档/报告/HTML
- 分析内容调性:专业/活泼/优雅/科技
- 推荐主题:基于内容推荐 2-3 个适配主题
- 用户确认:选择主题或要求自定义
2. 主题应用
- 色彩应用:
- 标题/背景/正文/强调色映射
- 图表配色(系列色序列)
- 表格(表头/交替行/边框) - 字体应用:
- 标题/副标题/正文/注释字号
- 字重映射
- 行高与字距 - 间距规范:统一的边距/内距/间隔
3. 自定义主题生成
- 输入品牌色:用户提供品牌主色
- 生成完整色板:
- 基于主色生成辅色与强调色
- 生成功能色与中性色
- 确保色彩和谐(色轮理论) - 字体推荐:基于调性推荐字体组合
- 输出主题文件:可复用的主题配置
4. 一致性检查
- 色彩使用:是否遵循 60-30-10 比例
- 字体使用:是否只用了规定的字体
- 间距一致:各页面间距是否统一
- 图表配色:是否与主题一致
输出规范
- 主题配置:
output/{theme-name}/theme.json(色彩+字体+间距) - 预览图:
output/{theme-name}/preview.png - 应用示例:
output/{theme-name}/examples/(PPT/文档/HTML) - CSS 变量:
output/{theme-name}/variables.css(供 Web 使用)
依赖说明
运行环境
- Agent平台: Claude Code / Cursor / Codex / Gemini CLI / Windsurf 等支持SKILL.md的任意Agent
- 操作系统: Windows / macOS / Linux
- 运行时: 需要Agent支持exec(命令行执行)能力
第三方依赖
| 依赖项 | 类型 | 是否必需 | 获取方式 |
|---|---|---|---|
| LLM API | API | 可选 | 由Agent内置LLM提供主题设计 |
| CSS预处理器 | 工具 | 可选 | Sass/Less/Tailwind等 |
API Key 配置
- 本Skill无需额外API Key配置
纯Markdown使用说明
本Skill为主题样式方法论指导。实际样式编译需要CSS工具链。
只需将SKILL.md文件放入Agent的skills目录即可直接使用。
如果Skill中包含exec工具调用,需要Agent支持命令行执行能力。
可用性分类
- 分类: MD+EXEC
- 说明: 纯Markdown,但需要exec能力(命令行执行),用于文件读写和命令调用
