文章配图 · 自动生成插画

---
name: article-illustrator
description: 分析文章内容，自动生成插画并插入相应位置。触发：文章配图、公众号配图、给这篇文章/这篇稿子配图、公众号文章插图。适用于整篇文章的配图工作流（结构分析→规划→确认→生图→插回文章）。区分：带文字排版/品牌识别的单张海报封面、独立配图（无文章上下文）→ Evan-gpt-image；缩略图/零文字隐喻封面/小红书图/banner/信息图/书卡 → text-visualizer。
---

# 文章配图 Skill

自动分析文章内容，生成适配的插画并插入到合适的位置。

## 核心功能

采用六步工作流：
1. 结构分析 - 识别需要视觉辅助的位置，分配图片类型
2. 风格匹配 - 为每张图选择类型（Type）和视觉风格（Style）
3. 用户确认 - 展示配图规划，等待用户确认后继续
4. 提示词生成 - 组合类型骨架 + 风格修饰 + 具体内容
5. 图像生成 - 调用图像生成工具
6. 文章插入 - 集成到对应位置

## 使用方法

```
/article-illustrator [文章文件路径]
```

或直接告诉 Agent：
```
请帮我给这篇文章配图：[文章路径]
```

## 二维选择规则

配图由两个独立维度决定（详细定义和提示词模板见 `style-guide.md`）：

### 维度一：图片类型（Type）— 由段落内容决定

| 段落特征 | 推荐类型 | 说明 |
|---------|---------|------|
| 文章开头、故事场景、案例 | scene | 具象场景描绘 |
| 抽象概念、核心观点 | concept | 隐喻性视觉化 |
| 步骤说明、工作流 | flowchart | 线性/分支流程 |
| A vs B、前后对比 | comparison | 对称分栏布局 |
| 数据、统计、数量 | infographic | 图表数据可视化 |
| 架构、模型、系统关系 | framework | 模块化关系图 |

### 维度二：视觉风格（Style）+ 色系映射 — 由文章领域决定

> 每种风格已绑定对应的品牌色系，确保视觉一致性。详见 `style-guide.md`。

| 文章领域 | 推荐风格 | 色系 | 认知语义 | 判断关键词 |
|---------|---------|------|----------|-----------|
| 技术开发 | tech | 写组·墨水靛蓝 | 智识·精确 | 代码、算法、架构、API、编程 |
| 个人成长 | warm | 协组·丁香紫粉 | 共创·温暖 | 成长、经历、故事、感悟、职场 |
| 商业战略 | minimal | 写组·墨水靛蓝 | 智识·精确 | 战略、分析、商业、模型、框架 |
| 创意趣味 | playful | 协组·丁香紫粉 | 共创·温暖 | 创意、趣味、灵感、好玩、有趣 |
| 笔记效率 | notion | 搭组·青瓷蒂尔 | 连接·协同 | 笔记、整理、工作流、管理、系统 |
| 哲学深度 | abstract | 想组·暮光深紫 | 深思·前瞻 | 哲学、思考、观点、概念、抽象 |
| 环保健康 | nature | 读组·茶绿翠碧 | 知识·生长 | 环保、健康、自然、可持续、生态 |
| 执行行动 | retro | 做组·琥珀橙 | 行动·执行 | 流程、步骤、执行、操作、实践 |
| **商业书籍/访谈/叙事** | **booksketch** ⭐ | **写组·金色焦点** | **智识·精确** | **出版、书籍、访谈、实践、创业故事** |