# Article Illustration Planner

深度分析文章脉络，精准规划插图点位与视觉意象。对知识类/教程类文章默认启动“认知降负与高保真图替繁文机制”，严禁删除公式与量化指标，强制协同 170...

- Repository: https://github.com/yang0/handraw-style (6861 stars)
- Category: Engineering
- License: see repository
- Last updated: 2026-10-28
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add yang0/handraw-style --skill article-illustration-planner -g -a claude-code -y`
Codex: `npx skills add yang0/handraw-style --skill article-illustration-planner -g -a codex -y`
Cursor: `npx skills add yang0/handraw-style --skill article-illustration-planner -g -a cursor -y`
Gemini CLI: `npx skills add yang0/handraw-style --skill article-illustration-planner -g -a gemini-cli -y`

## Description

深度分析文章脉络，精准规划插图点位与视觉意象。对知识类/教程类文章默认启动“认知降负与高保真图替繁文机制”，严禁删除公式与量化指标，强制协同 170 种排版图型（IG-*信息图/SC-*社媒卡）与 365 种视觉风格/36 种经典配色，杜绝微缩杂物摆拍；对非知识类文章保持叙事氛围与意境。严格执行双向间距（400~1200字）与全篇章节均衡覆盖，支持自主生图或全自动插图回填排版。

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 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$ **三列高低梯形 / 视觉视线焦点引导**；
  - 严禁只是画几个方块把文字抄一遍！

The rest: https://github.com/yang0/handraw-style/blob/HEAD/skills/article-illustration-planner/SKILL.md