2.8 KiB
2.8 KiB
配色协同机制
当 image-service 与其他 skill 配合使用时（如 pptx、docx、obsidian 等），必须感知上下文配色方案并自动适配，确保生成的图片与目标载体风格统一。
协同原则
- 主动感知：生成配图前，先确认目标载体的配色方案
- 自动适配：将配色信息融入图片生成提示词
- 风格统一：背景色、主色调、强调色保持一致
配色来源优先级
| 优先级 | 来源 | 说明 |
|---|---|---|
| 1 | 用户明确指定 | 用户直接提供的颜色值 |
| 2 | 当前任务上下文 | 正在制作的 PPT/文档的配色方案 |
| 3 | 项目配置文件 | .design/palette.json 或类似配置 |
| 4 | 默认风格 | 手绘白底风格（无特殊要求时） |
与 PPTX 协同
制作 PPT 配图时，从 pptx skill 的设计方案中提取配色：
# 示例：PPT 配色方案
- 背景色：#181B24（深蓝黑）
- 主色：#B165FB（紫色）
- 辅助色：#40695B（翡翠绿）
- 文字色：#FFFFFF / #AAAAAA
生成图片时，将配色融入提示词：
# 错误示例（不考虑配色）
python scripts/text_to_image.py "流程图，用户路径变化" -r 16:9
# 正确示例（融入配色）
python scripts/text_to_image.py "信息图风格，深色背景#181B24，科技感流程图。用紫色#B165FB和翡翠绿#40695B作为强调色，展示用户路径变化，发光线条风格，中文标签" -r 16:9
与其他 Skill 协同
| 目标载体 | 配色来源 | 适配要点 |
|---|---|---|
| PPTX | HTML slides 的 CSS 配色 | 背景色、强调色、文字色统一 |
| DOCX | 文档主题色或用户指定 | 配合文档正式/活泼风格 |
| Obsidian | Vault 主题（深色/浅色） | 适配笔记阅读体验 |
| 小红书 | 品牌色或内容调性 | 竖版 3:4，吸睛配色 |
| 调研报告 | 统一手绘风格 | 使用 research_image.py 预设 |
配色提示词模板
信息图风格，{背景描述}背景{背景色}，{风格描述}。
使用{主色}作为主色调，{辅助色}作为辅助色。
{内容描述}，{视觉风格}，中文标签。
示例：
信息图风格，深色背景#181B24，科技感对比图。
使用紫色#B165FB作为主色调，翡翠绿#40695B作为辅助色。
左侧展示SEO特点，右侧展示GEO特点，发光连接线风格，中文标签。
Agent 执行规范
- 识别协同场景：检测是否在为其他 skill 生成配图
- 提取配色方案：从上下文/HTML/配置中获取颜色值
- 构建适配提示词：将配色信息自然融入生成描述
- 验证风格一致：生成后确认与目标载体视觉协调
协同执行流程
- 确认目标载体 → 2. 提取配色方案 → 3. 融入提示词 → 4. 生成适配图片