文章插图生成器：AI智能分析内容，一键生成风格一致的信息图、流程图等专业插图

canghe-article-illustrator by freestylefly/canghe-skills

107 周安装量

182 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/freestylefly/canghe-skills --skill canghe-article-illustrator

AI/机器学习内容创作数据可视化

🇨🇳中文介绍

文章插图生成器

分析文章，识别插图位置，生成具有类型 × 风格一致性的图像。

两个维度

维度	控制内容	示例
类型	信息结构	信息图、场景图、流程图、对比图、框架图、时间线
风格	视觉美学	Notion风格、温暖、极简、蓝图、水彩、优雅

自由组合：--type infographic --style blueprint

类型

类型	最适合
`infographic`	数据、指标、技术内容
`scene`

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

步骤 1：预检查

1.5 加载偏好设置（EXTEND.md） ⛔ 阻塞步骤

test -f .canghe-skills/canghe-article-illustrator/EXTEND.md && echo "project"
test -f "$HOME/.canghe-skills/canghe-article-illustrator/EXTEND.md" && echo "user"

结果	操作
找到	读取、解析、显示摘要
未找到	⛔ 运行 first-time-setup

完整流程：references/workflow.md

分析项	输出
内容类型	技术 / 教程 / 方法论 / 叙事
目的	信息 / 可视化 / 想象
核心论点	2-5 个要点
插图位置	插图能增加价值的地方

关键：隐喻 → 可视化底层概念，而非字面图像。

完整流程：references/workflow.md

步骤 3：确认设置 ⚠️

仅一次 AskUserQuestion，最多 4 个问题。Q1-Q3 为必填项。

问题	选项
Q1：类型	[推荐], infographic, scene, flowchart, comparison, framework, timeline, mixed
Q2：密度	minimal (1-2), balanced (3-5), per-section (推荐), rich (6+)
Q3：风格	[推荐], minimal-flat, sci-fi, hand-drawn, editorial, scene, Other
Q4：语言	当文章语言与 EXTEND.md 设置不同时

完整流程：references/workflow.md

步骤 4：生成大纲

保存 outline.md，包含 frontmatter（type, density, style, image_count）和条目：

## 插图 1
**位置**: [章节/段落]
**目的**: [原因]
**视觉内容**: [内容]
**文件名**: 01-infographic-concept-name.png

完整模板：references/workflow.md

步骤 5：生成图像

⛔ 阻塞步骤：在生成任何图像之前，必须保存提示文件。

对于每个插图，根据 references/prompt-construction.md 创建提示文件
保存到 prompts/NN-{type}-{slug}.md，包含 YAML frontmatter
提示必须使用特定类型的模板，并包含结构化部分（ZONES / LABELS / COLORS / STYLE / ASPECT）
LABELS必须包含文章特定的数据：实际数字、术语、指标、引用
请勿在未先保存提示文件的情况下，将临时内联提示传递给 --prompt
选择生成技能，处理参考资料（direct/style/palette）
如果 EXTEND.md 启用，则应用水印
从保存的提示文件生成图像；失败时重试一次

完整流程：references/workflow.md

步骤 6：最终完成

在段落后插入 ![description](path/NN-{type}-{slug}.png)。

文章插图生成完成！
文章：[path] | 类型：[type] | 密度：[level] | 风格：[style]
图像：已生成 X/N 张

illustrations/{topic-slug}/
├── source-{slug}.{ext}
├── references/           # 如果提供
├── outline.md
├── prompts/
└── NN-{type}-{slug}.png

Slug：2-4 个单词，kebab-case 格式。冲突：追加 -YYYYMMDD-HHMMSS。

操作	步骤
编辑	更新提示 → 重新生成 → 更新引用
添加	位置 → 提示 → 生成 → 更新大纲 → 插入
删除	删除文件 → 移除引用 → 更新大纲

文件	内容
references/workflow.md	详细流程
references/usage.md	命令语法
references/styles.md	风格图库
references/prompt-construction.md	提示模板
references/config/first-time-setup.md	首次设置

🇺🇸English

Article Illustrator

Analyze articles, identify illustration positions, generate images with Type × Style consistency.

Two Dimensions

Dimension	Controls	Examples
Type	Information structure	infographic, scene, flowchart, comparison, framework, timeline
Style	Visual aesthetics	notion, warm, minimal, blueprint, watercolor, elegant

Combine freely: --type infographic --style blueprint

Types

Type	Best For
`infographic`	Data, metrics, technical
`scene`	Narratives, emotional
`flowchart`	Processes, workflows
`comparison`	Side-by-side, options
`framework`	Models, architecture
`timeline`	History, evolution

Styles

See references/styles.md for Core Styles, full gallery, and Type × Style compatibility.

Workflow

- [ ] Step 1: Pre-check (EXTEND.md, references, config)
- [ ] Step 2: Analyze content
- [ ] Step 3: Confirm settings (AskUserQuestion)
- [ ] Step 4: Generate outline
- [ ] Step 5: Generate images
- [ ] Step 6: Finalize

Step 1: Pre-check

1.5 Load Preferences (EXTEND.md) ⛔ BLOCKING

test -f .canghe-skills/canghe-article-illustrator/EXTEND.md && echo "project"
test -f "$HOME/.canghe-skills/canghe-article-illustrator/EXTEND.md" && echo "user"

Result	Action
Found	Read, parse, display summary
Not found	⛔ Run first-time-setup

Full procedures: references/workflow.md

Step 2: Analyze

Analysis	Output
Content type	Technical / Tutorial / Methodology / Narrative
Purpose	information / visualization / imagination
Core arguments	2-5 main points
Positions	Where illustrations add value

CRITICAL : Metaphors → visualize underlying concept, NOT literal image.

Full procedures: references/workflow.md

Step 3: Confirm Settings ⚠️

ONE AskUserQuestion, max 4 Qs. Q1-Q3 REQUIRED.

Q	Options
Q1: Type	[Recommended], infographic, scene, flowchart, comparison, framework, timeline, mixed
Q2: Density	minimal (1-2), balanced (3-5), per-section (Recommended), rich (6+)
Q3: Style	[Recommended], minimal-flat, sci-fi, hand-drawn, editorial, scene, Other
Q4: Language	When article language ≠ EXTEND.md setting

Full procedures: references/workflow.md

Step 4: Generate Outline

Save outline.md with frontmatter (type, density, style, image_count) and entries:

## Illustration 1
**Position**: [section/paragraph]
**Purpose**: [why]
**Visual Content**: [what]
**Filename**: 01-infographic-concept-name.png

Full template: references/workflow.md

Step 5: Generate Images

⛔ BLOCKING: Prompt files MUST be saved before ANY image generation.

For each illustration, create a prompt file per references/prompt-construction.md
Save to prompts/NN-{type}-{slug}.md with YAML frontmatter
Prompts MUST use type-specific templates with structured sections (ZONES / LABELS / COLORS / STYLE / ASPECT)
LABELS MUST include article-specific data: actual numbers, terms, metrics, quotes
DO NOT pass ad-hoc inline prompts to --prompt without saving prompt files first
Select generation skill, process references (direct/style/palette)
Apply watermark if EXTEND.md enabled
Generate from saved prompt files; retry once on failure

Full procedures: references/workflow.md

Step 6: Finalize

Insert ![description](path/NN-{type}-{slug}.png) after paragraphs.

Article Illustration Complete!
Article: [path] | Type: [type] | Density: [level] | Style: [style]
Images: X/N generated

Output Directory

illustrations/{topic-slug}/
├── source-{slug}.{ext}
├── references/           # if provided
├── outline.md
├── prompts/
└── NN-{type}-{slug}.png

Slug : 2-4 words, kebab-case. Conflict : append -YYYYMMDD-HHMMSS.

Modification

Action	Steps
Edit	Update prompt → Regenerate → Update reference
Add	Position → Prompt → Generate → Update outline → Insert
Delete	Delete files → Remove reference → Update outline

References

File	Content
references/workflow.md	Detailed procedures
references/usage.md	Command syntax
references/styles.md	Style gallery
references/prompt-construction.md	Prompt templates
references/config/first-time-setup.md	First-time setup

Weekly Installs

107

Repository

freestylefly/ca…e-skills

GitHub Stars

182

First Seen

Feb 24, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykPass

Installed on

gemini-cli106

codex106

kimi-cli106

cursor106

opencode106

github-copilot106

AI 代码实施计划编写技能 | 自动化开发任务分解与 TDD 流程规划工具

48,300 周安装

文章插图生成器：AI智能分析内容，一键生成风格一致的信息图、流程图等专业插图

🇨🇳中文介绍

文章插图生成器

两个维度

类型

相关 Skills

风格

工作流程

步骤 1：预检查

步骤 2：分析

步骤 3：确认设置 ⚠️

步骤 4：生成大纲

步骤 5：生成图像

步骤 6：最终完成

输出目录

修改

参考资料

🇺🇸English

Article Illustrator

Two Dimensions

Types

Styles

Workflow

Step 1: Pre-check

Step 2: Analyze

Step 3: Confirm Settings ⚠️

Step 4: Generate Outline

Step 5: Generate Images

Step 6: Finalize

Output Directory

Modification

References

最新 Skills