Article Illustration Planner (文章配图规划与插图回填)

深度分析文章结构与认知流转，精准规划高质量插图方案，并交付完成排版与文字修剪的最终图文定稿。

核心设计哲学：体裁自适应与认知降负

在规划任何插图之前，Skill 必须首先判断文章体裁，并自动适配两套截然不同的工作模式：

模式 A：知识 / 干货 / 教程 / 实操类文章 (Knowledge & Explanatory Articles)

核心使命：认知降负（Cognitive Load Reduction）与高保真视觉替换（High-Fidelity Text-to-Diagram Replacement）

知识类文章的最大痛点是枯燥冗长的机制推演、层级漏斗、公式算法与多分支逻辑。配图的核心使命是**“辅助理解、减轻读者负担”**。为此，模式 A 严格确立以下四大红线铁律与执行标准：

1. 四大绝对红线（Hard Constraints & Redlines）

• 红线 1：严禁物理微缩摄影与实景桌面摆拍（No Miniature / Physical Desk Props）：
  • 严禁在提示词中加入“缩微摄影、写实木质书桌、做旧白板/黑板、咖啡杯、钢笔、放大镜、书籍、生活杂物堆叠、大光圈背景虚化（Bokeh）”等任何物理摆拍或微缩场景！
  • 物理环境和景深虚化会吃掉 30%~40% 的画幅面积，严重压缩核心图表的可视尺寸，并在移动端造成严重的视觉噪音；
  • 画面必须 100% 聚焦于图表本身，采用纯净留白或浅色纯色背景，信息架构饱满清晰。
• 红线 2：严禁非业务叙事角色与童话拟人元素（No Irrelevant Narrative Characters / Fairy Dolls）：
  • 严禁引入童话小精灵、魔法棒、指引玩偶、小向导人物、无关花草动物等装饰性叙事元素；
  • 知识图解的主角是几何流向、信息卡片、核心数据、步骤标签与结构逻辑，绝非“玩具人在黑板前摆造型”。
• 红线 3：严禁核心知识阉割（Zero Knowledge Loss / Non-Destructive Pruning）：
  • “文字替换”的本质是降低阅读阻力，绝不是“把核心干货删了换一张空泛大图”！
  • 【绝对禁止删除的硬核资产】：
    1. 数学公式与计算权重（如小红书 CES 评分公式：点赞×1 + 收藏×1 + 评论×4 + 转发×4 + 关注×8）；
    2. 明确的量化阈值与判断标准（如 CTR > 8%、曝光 < 200、完播率 < 15%）；
    3. 关键业务台词与对话模板（如起号脚本四段式的具体台词示范）；
    4. 法律/合规避坑红线与平台核心禁忌。
  • 【高保真替换保全机制】：
    • 图表本身必须直接将核心公式、权重数字、判断阈值作为关键视觉标签画入图中；
    • 替换后的正文精炼导读必须继续保留核心结论与数值（以高亮公式块或极简清单形式呈现），确保读者无论只看图还是只看文字，都不会遭遇知识断层与信息贬值！
• 红线 4：严禁空洞文字搬家，必须采用真正的图形化隐喻（True Visual Metaphors）：
  • 图示之所以能降负，是因为它用空间与几何形状替代了文字推导：
    • 层级跃迁/池子晋级 $\to$ 上升阶梯 / 金字塔（如 IG-010 阶段进阶、IG-001 金字塔）；
    • 数据流失/筛选转化 $\to$ 逐层收窄漏斗（如 IG-013 漏斗型）；
    • 权重对比/方案取舍 $\to$ 天平 / 杠杆 / 双列解剖（如 IG-004 双列对比）；
    • 界面结构/系统拆解 $\to$ 中心主图标注（如 IG-002 中心标注）；
    • 多分支排错/SOP $\to$ 决策流转树（如 IG-008 流程步骤）；
    • 心理锚定对比 $\to$ 三列高低梯形 / 视觉视线焦点引导；
  • 严禁只是画几个方块把文字抄一遍！

2. 原生协同 170 种排版图型库（Layout Library Integration）

知识类配图强制从项目排版图型库（特别是 35 种 IG-* 信息图与 21 种 SC-* 社媒卡）中精准匹配图型 ID！ 直接继承排版图型的原生构图指令（纯色背景、留白舒适、几何结构），再注入业务主题、步骤标签、手绘风格（#001–#367，优先纯净清爽的线稿/扁平/矢量风格如 #001 极简白描、#054 包豪斯几何、#216 扁平矢量设计、#018 极简冷面幽默）与经典主题色（C-01–C-36）。

3. 双向间距约束与全篇章节巡检（Balanced Spacing & Global Chapter Audit）

• 最小物理间距约束（Minimum Separation Distance）： 相邻两张插图之间，正文间隔严禁少于 400~500 字，且必须至少跨越一个完整的二级/三级标题。严禁在同一小节连续插图！
• 最大物理间距红线（Maximum Separation Distance）： 长篇教程（>2500字）正文连续 1000~1200 字以上（或跨越 2 个以上大章节）严禁完全无图！杜绝“前密后空”或“中间整整两章大断层”；
• 全篇网格化扫描覆盖： 必须对全篇大章节进行巡检，确保【底层原理】、【基础基建/准备】、【核心定位/对标】、【工业化SOP】、【数据诊断/排错】、【商业变现/闭环】等关键模块均有均衡的视觉锚点；
  • 20004000 字：建议 34 张图；
  • 40008000 字：建议 57 张图。

模式 B：非知识类文章（抒情散文、叙事故事、随笔、小说等） (Non-Knowledge Articles)

核心使命：意境烘托、情绪共鸣与视觉停顿 (Atmospheric Resonance & Visual Pauses)

1. 保留原文不删改（Preserve Mode）：不强求替换或删改原文文字，完整保留作者叙事与文风；
2. 风格可保持现有艺术探索：可自由使用叙事微距、诗意隐喻、手绘插画等视觉风格，重点在于烘托情绪、营造意境与提供阅读节奏中的视觉呼吸感；
3. 点位遵循自然叙事转折：选择在情绪转换、场景切换、时空跨越处插入。

知识类文章的高认知负荷段落扫描库 (7 大图替繁文场景与排版图型匹配)

当处理知识类文章时，Skill 必须主动在文章中检索并锚定以下 7 类最具“图替繁文”价值的段落，并绑定推荐排版图型：

输入参数与配置规范

1. 文章内容或本地路径：直接粘贴正文，或提供本地路径（如 D:\path\to\article.md）。
2. 手绘风格与色彩基调：
   • 风格编号：全库 #001–#367；
   • 知识类文章推荐准则：严禁推荐儿童童话风、抽象乱涂风；优先推荐纯净清爽、线稿块面分明、利于信息传达的风格（如 #001 极简白描、#054 包豪斯几何构成、#216 扁平矢量设计、#018 极简冷面幽默 等）；
   • 主题色编号：全库 C-01–C-36，优先稳重专业色调（如 C-01 经典蓝、C-10 鼠尾草绿、C-31 佩恩灰、C-05 暖赭石、C-22 普鲁士蓝）；
   • 动态研判：若未指定，由 AI 结合文章语境动态推荐一套贯穿全篇的单一风格与单色调（严禁全篇风格杂乱）。
3. 画幅比例与多平台防截断规范 (Aspect Ratio & Multi-Platform Safe Sizing)：
   • 竖版插图 / 社媒卡片 / 连载组图：严格采用 3:4 黄金画幅（分辨率 1086×1448）。
     • 【绝对红线】绝对严禁使用 2:3 (1024×1536) 或 9:16！ 在 X (Twitter) Articles 与自媒体多端分发中，垂直高度超过 3:4 的长图会被强制上下截断，导致大标题与底部结论丢失。3:4 是全平台唯一完美无损展示的黄金画幅。
   • 横版插图 / 架构图 / 全景图：默认 4:3（分辨率 1448×1086） 或 16:9（1792×1024）。
   • 文章封面大图：固定 2.35:1（1792×1024），核心隐喻与大标题居中收拢在中央水平安全带，上下充分留白。
   • 【画面文案红线】：严禁在图内标题、标签、印章中写入“新中式”、“东方”、“国潮”、“慢生活”等美学标签或空洞套话。文案必须 100% 扎根具体的业务步骤、数据指标或真实生活细节。
4. 留白与背景控制 (Whitespace & Background)：
   • 知识类图解强制纯净背景与舒适留白，严禁杂物背景。

标准规划方案输出模板 (Output Format)

首先出具总体设计决策：

• 文章类型判定：知识类 / 教程类 / 散文抒情类 / 叙事故事类
• 适配工作模式：模式 A（认知降负与高保真图替繁文） / 模式 B（意境烘托与保全模式）
• 全篇统领视觉规范：排版图型基调（IG/SC）、手绘风格编号及名称、主题色编号及名称、统一画幅比例（4:3）
• 全篇章节覆盖度与间距审计：列出全篇章节清单，标注各配图覆盖的章节，确认最小间距（>400字）与最大间距（<1200字）均合规
• 建议配图总数：通常 3~6 张高价值点位（全篇均衡，拒绝断层，拒绝堆叠）

接着按阅读顺序出具每张插图规划：

### Illustration N

**插入/替换位置 / Anchor:**
`[引用紧邻的小标题或上下文关键句（10-20字）]`

**配图定位 / Purpose:**
解释该图在阅读流中的认知价值与承接逻辑。

**排版图型 / Layout ID:**
`IG-013` (漏斗转化型信息图) / `IG-010` (阶段进阶型信息图) / `IG-002` (中心标注信息图) 等

**图片类型 / Image Type:**
process diagram / conceptual diagram / comparison diagram / infographic

**核心保真要素 / Core Knowledge to Preserve:**
[明确列出本图必须保留的数学公式、量化指标数字（如>8%）、关键话术台词或业务红线]

**图文关系 / Relationship to Text:**
replaces complex text (文字替换与认知降负) / supplements text (内容补充) / visual-pause (视觉停顿)

**（若为文字替换）被图片替代的原繁冗文本 / Text to Replace:**
> [明确摘录原文中将被该图替代并删除的复杂文字推导、长篇ASCII图表或嵌套列表片段]

**（若为文字替换）精炼后的轻量导读 / Simplified Replacement Text:**
[文字替换后在 Markdown 正文中保留的极简核心要点/行动清单，必须完整保留核心数值与公式结论，通常为 1-3 句话]

**图形隐喻设计 / Visual Metaphor:**
[明确说明用何种几何隐喻降低认知负荷，如上宽下窄漏斗、上升阶梯、对比天平]

**画风与配色 / Style & Color:**
`#{style_number} · {style_name}` + `{color_id} · {color_name}`

**生图提示词 (Prompt):**
- **中文提示词**:
```text
小红书信息图。排版：{layout_prompt}。纯净背景，大面积舒适留白，严禁桌椅、文具、咖啡杯等任何物理杂物摆设，严禁童话/小精灵角色，图表主体占满画幅90%以上。核心内容：{visual_metaphor_and_labels}。严禁在画面文字中出现“新中式”、“东方”、“国潮”、“慢生活”等空洞风格标签，文案必须100%扎根具体业务与数据。画风：{style_prompt}。色彩：{color_prompt}。画幅规格：3:4 黄金画幅（1086x1448，严防 X 截断，横版图解则用 4:3）。

• English Prompt:

Xiaohongshu infographic. Layout: {layout_prompt_en}. Clean background with generous negative space, strictly NO physical desks, stationery, coffee cups or props, strictly NO fairy/doll characters, chart fills over 90% of frame. Core content: {visual_metaphor_and_labels_en}. Strictly NO generic style slogans ('New Chinese', 'Eastern', 'Guochao') in text; keep copy grounded in real facts. Style: {style_prompt_en}. Color palette: {color_prompt_en}. Aspect ratio: 3:4 portrait (1086x1448 to prevent clipping on X; use 4:3 for landscape).

---

## 交付与后续操作引导 (CTA)

规划出具后，必须出具标准化双轨交付引导：

```markdown
---

💡 **插图方案已规划完成！接下来您可以选择以下两种交付方式：**

1. **【方式 A · 自主生图回填】**：
   复制上方提示词，前往您常用的生图工具出图。生成完成后，将图片文件直接拖入对话或发送本地图片路径，我将自动帮您精简替换原文繁冗文字，输出完整的图文定稿！

2. **【方式 B · 全自动生图插入】**：
   直接对我说 **“全自动生图”** 或 **“帮我生成所有配图并插入”**，我将全自动调用生图工具批量绘制配图，自动执行文字替换与排版回填，一键输出排版完毕的 Markdown 定稿文件！

双轨自动化回填工作流 (Dual-Track Assembly)

当用户触发回填时：

1. 自动组织资源：将图片规范命名保存为 <article_dir>/images/illus_01.webp（或 .png）；
2. 执行图文装配与高保真文字替换：
   • 知识类文章若定义了 Text to Replace：自动将原文对应的复杂繁琐文字修剪替换为插图Markdown、*▲ 图N：说明*和[精炼导读/公式清单]；图片地址按本期实际文件填入images/illus_编号.webp，不是随包静态文件；
   • 严格执行保真检查：确保精炼导读中包含原有核心公式与数据；
   • 若未定义文字替换：规范将图片插入指定锚点之后；
3. 输出定稿：生成 [article_name]_illustrated.md。

亦可调用内置确定性自动化脚本完成：

python -X utf8 skills/article-illustration-planner/scripts/insert_illustrations.py \
  --article "D:\path\to\article.md" \
  --manifest "D:\path\to\manifest.json" \
  --output "D:\path\to\article_illustrated.md"