关于 canghe-article-illustrator
用于分析文章并规划风格一致插图的技能。它会识别适合插图的位置,支持选择图像类型与风格,并引导生成大纲和提示文件。
主要功能
- 01分析文章结构与要点
- 02建议插图位置
- 03组合图像类型与视觉风格
- 04创建插图大纲
- 05生成图像前保存结构化提示词
- 06整理源文件、提示词和图像
适用场景
- 01为技术文章规划视觉内容
- 02用场景图表现叙事文章
- 03将流程转化为流程图
- 04保持一组文章插图风格一致
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ freestylefly/ canghe-skills --skill canghe-article-illustrator安装后在 Claude Code 中输入/canghe-article-illustrator确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
prompts/system.mdreferences/prompt-construction.mdstyles.mdusage.mdworkflow.mdreferences/config/first-time-setup.mdpreferences-schema.mdreferences/styles/blueprint.mdchalkboard.mdeditorial.mdelegant.mdfantasy-animation.mdflat-doodle.mdflat.mdintuition-machine.mdminimal.mdnature.mdnotion.mdpixel-art.mdplayful.mdretro.mdscientific.mdsketch-notes.mdsketch.mdvector-illustration.mdvintage.mdwarm.mdwatercolor.md详细介绍
Article Illustrator
分析文章,确定插图位置,并生成类型 × 风格一致的图像。
两个维度
| 维度 | 控制内容 | 示例 |
|---|---|---|
| 类型 | 信息结构 | 信息图、场景、流程图、对比、框架、时间线 |
| 风格 | 视觉美学 | notion、温暖、极简、蓝图、水彩、优雅 |
可自由组合:--type infographic --style blueprint
类型
| 类型 | 适用场景 |
|---|---|
infographic | 数据、指标、技术内容 |
scene | 叙事、情感内容 |
flowchart | 流程、工作流 |
comparison | 并列对比、选项 |
framework | 模型、架构 |
timeline | 历史、演变 |
风格
请参阅 references/styles.md,了解核心风格、完整图库以及类型 × 风格兼容性。
工作流
- [ ] 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
步骤 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"
| 结果 | 操作 |
|---|---|
| 已找到 | 阅读、解析并显示摘要 |
| 未找到 | ⛔ 运行 首次设置 |
步骤 2:分析
| 分析项 | 输出 |
|---|---|
| 内容类型 | 技术 / 教程 / 方法论 / 叙事 |
| 目的 | 信息 / 可视化 / 想象 |
| 核心论点 | 2-5 个要点 |
| 位置 | 插图能够发挥作用之处 |
重要:遇到隐喻时,应可视化其背后的概念,而非绘制字面图像。
步骤 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 设置不一致时 |
步骤 4:生成大纲
保存 outline.md,包含 frontmatter(type、density、style、image_count)和以下条目:
## Illustration 1
**Position**: [section/paragraph]
**Purpose**: [why]
**Visual Content**: [what]
**Filename**: 01-infographic-concept-name.png
步骤 5:生成图像
⛔ 阻塞:生成任何图像之前,必须先保存提示词文件。
- 根据 references/prompt-construction.md 为每幅插图创建提示词文件
- 使用 YAML frontmatter 保存到
prompts/NN-{type}-{slug}.md - 提示词必须使用特定类型的模板,并包含结构化部分(ZONES / LABELS / COLORS / STYLE / ASPECT)
- LABELS 必须包含文章专属数据:实际数字、术语、指标、引文
- 不要在未先保存提示词文件的情况下,将临时内联提示词传给
--prompt - 选择生成技能,处理参考资料(
direct/style/palette) - 如果 EXTEND.md 已启用水印,则应用水印
- 根据已保存的提示词文件生成图像;失败时重试一次
步骤 6:完成
在段落后插入 。
Article Illustration Complete!
Article: [path] | Type: [type] | Density: [level] | Style: [style]
Images: X/N generated
输出目录
illustrations/{topic-slug}/
├── source-{slug}.{ext}
├── references/ # if provided
├── outline.md
├── prompts/
└── NN-{type}-{slug}.png
Slug:2-4 个词,使用 kebab-case。冲突:追加 -YYYYMMDD-HHMMSS。
修改
| 操作 | 步骤 |
|---|---|
| 编辑 | 更新提示词 → 重新生成 → 更新引用 |
| 添加 | 确定位置 → 编写提示词 → 生成 → 更新大纲 → 插入 |
| 删除 | 删除文件 → 移除引用 → 更新大纲 |
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 |
评论
支持 Markdown