Article Illustrator

Polar Sponsor
爱发电 赞助
.NET 9.0

当用户想要为文章或博客添加插图时触发。触发词:「illustrate article」「add images to article」「generate illustrations」「article images」或任何视觉增强内容的请求。分析文章结构,定位视觉插入位置,并采用类型×风格二维方法生成插图。

条 Illustrator. 分析文章, 确定最佳的插图位置, 并使用 Type x Style 一致性系统生成图像.

功能概述

条 Illustrator. 分析文章, 确定最佳的插图位置, 并使用 Type x Style 一致性系统生成图像.是一项面向实际任务的技能,主要用于OpenClaw / Moltbot / Clawbot.;NEVER Do.;

核心要点

  • Illustrate metap。
  • 它将相关步骤、工具调用和结果整理方式集中到统一流程中,帮助使用者更快完成目标并减少重复操作。
  • 使用时应结合输入条件选择合适的执行方式,核对必要参数、依赖环境与输出内容,并按原始要求处理异常情况。

使用与执行

从功能定位来看,该技能强调把分散的操作要求整理成清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。

结果检查与注意事项

执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;涉及批量任务时,还应保存进度,避免中断后重复操作。该技能适合用于一次性任务,也可以接入自动化工作流,与其他技能或上层代理配合完成更完整的业务链路;在组合使用时,应明确每一步的输入输出关系,并避免不同步骤之间出现参数冲突。

文章插图生成器(Article Illustrator)

分析文章内容,识别最优插图位置,并基于「类型 × 风格」一致性系统生成图像。

安装

OpenClaw / Moltbot / Clawbot

npx clawhub@latest install article-illustrator

严禁事项

  • 切勿将隐喻进行字面化视觉呈现(例如:若文章中写“电锯切西瓜”,应可视化其背后的核心概念,而非字面场景)
  • 切勿生成与内容无实质关联的通用装饰性图像
  • 切勿跳过设置确认步骤(第 3 步)
  • 切勿在未与用户确认类型(type)、密度(density)和风格(style)前开始生成
  • 切勿在未基于内容需求逐一定位并说明每处插图必要性的前提下创建插图

两个核心维度

维度 控制要素 示例
Type(类型) 信息结构、版式布局 infographic、scene、flowchart、comparison、framework、timeline
Style(风格) 视觉美学、情绪氛围 notion、warm、minimal、blueprint、watercolor、elegant、editorial、scientific

类型与风格可自由组合:例如 --type infographic --style blueprint

类型选择指南

类型 适用场景
infographic 数据类、指标类、技术类文章
scene 叙事性内容、个人故事、情感表达类文章
flowchart 教程、操作流程、工作流说明类文章
comparison 并列对比、前后对照、多选项分析类内容
framework 方法论、模型、系统架构类内容
timeline 历史沿革、发展进程、演进脉络类内容

风格选择指南

风格 适用场景
notion(默认) 知识分享、SaaS 产品、生产力工具类内容
elegant 商业分析、思想领导力类内容
warm 个人成长、生活方式、教育类内容
minimal 哲学思辨、核心概念阐释类内容
blueprint 建筑、系统设计类内容
watercolor 生活方式、旅行、创意类内容
editorial 技术解读、新闻报道类内容
scientific 学术研究、技术论文类内容

完整风格规范及兼容性矩阵详见:references/styles.md

基于内容的自动类型/风格推荐

内容信号 推荐类型 推荐风格
API、指标、数据、数字 infographic blueprint、notion
故事、情感、历程 scene warm、watercolor
操作指南、步骤、工作流 flowchart notion、minimal
vs、优缺点、前后对比 comparison notion、elegant
框架、模型、架构 framework blueprint、notion
历史、时间线、进展 timeline elegant、warm

工作流程

第 1 步:预检

  1. 确定输入类型 —— 文件路径或粘贴文本
  2. 确定输出目录 —— 检查用户偏好设置或向用户确认:
    • {article-dir}/ —— 与原文档同目录
    • {article-dir}/illustrations/ —— 插图子目录(推荐)
    • illustrations/{topic-slug}/ —— 独立目录
  3. 检查已有图像 —— 若已存在图像,询问用户:补充 / 覆盖 / 重新生成
  4. 确认文章更新方式(仅限文件输入)—— 更新原文档,或创建副本 {name}-illustrated.md
  5. 加载偏好设置 —— 检查项目根目录或用户主目录下是否存在 EXTEND.md

第 2 步:内容分析

分析项 说明
内容类型 技术类 / 教程类 / 方法论类 / 叙事类
核心论点 需可视化呈现的 2–5 个主要观点
可视化机会点 插图能显著提升理解效果的位置
推荐类型 依据内容信号自动判定
推荐密度 依据文章长度与复杂度判定

必须插图化的内容:核心论点(强制)、抽象概念、数据对比、流程/工作流。

应跳过的内容:字面化隐喻、纯装饰性场景、通用型插图。

第 3 步:设置确认(必需)

通过一次调用完成结构化提问(共 3–4 个问题):

  • Q1 — 类型(Type):给出推荐选项 + 其他可行备选
  • Q2 — 密度(Density):极简(1–2 张)、均衡(3–5 张,推荐)、丰富(6+ 张)
  • Q3 — 风格(Style):基于类型/内容兼容性矩阵推荐
  • Q4 — 语言(Language)(仅当原文语言与用户语言不一致时触发)

第 4 步:生成插图大纲

保存为 outline.md,含 YAML 前置元数据(type、density、style、count),以及每张插图的详细信息:位置、用途、视觉内容描述、文件名。

第 5 步:生成图像

  1. 按 references/prompt-construction.md 规范构建提示词(prompt)
  2. 将提示词保存至 prompts/illustration-{slug}.md
  3. 按顺序逐张生成,每张完成后报告进度
  4. 若某张失败:重试一次;若仍失败,则记录日志并继续后续生成

第 6 步:终稿整合

在对应段落后插入图像引用:

![描述](illustrations/{slug}/NN-{type}-{slug}.png)

输出汇总报告,包含文章路径、所用设置、插图总数及各插图插入位置。

输出目录结构

illustrations/{topic-slug}/
├── source-{slug}.{ext}
├── outline.md
├── prompts/
│   └── illustration-{slug}.md
└── NN-{type}-{slug}.png

提示词构建原则

高质量插图提示词必须包含以下六项要素:

  1. 优先明确版式结构 —— 描述构图、区域划分、视觉流向
  2. 嵌入具体数据/标签 —— 使用文章中真实出现的数值、术语
  3. 定义视觉关系 —— 各元素之间的连接、层级、逻辑关系
  4. 语义化配色 —— 基于意义选择颜色(如红色=警告、绿色=高效)
  5. 风格化特征 —— 线条处理、纹理质感、整体氛围
  6. 指定宽高比 —— 末尾注明比例及复杂度等级

禁止事项:模糊描述、字面化隐喻、缺失关键标签、添加通用装饰元素。

各类型完整提示词模板详见:references/prompt-construction.md

类型 × 风格兼容性矩阵

notion warm minimal blueprint watercolor elegant editorial scientific
infographic ++ + ++ ++ + ++ ++ ++
scene + ++ + - ++ + + -
flowchart ++ + + ++ - + ++ +
comparison ++ + ++ + + ++ ++ +
framework ++ + ++ ++ - ++ + ++
timeline ++ + + + ++ ++ ++ +

++ 高度推荐 | + 兼容 | - 不推荐

使用示例

# 自动选择类型与风格
illustrate path/to/article.md

# 指定类型
illustrate path/to/article.md --type infographic

# 指定类型与风格
illustrate path/to/article.md --type flowchart --style notion

# 指定密度
illustrate path/to/article.md --density rich

扩展支持

通过 EXTEND.md 文件实现自定义配置:

  • 项目级配置:.article-illustrator/EXTEND.md
  • 用户级配置:$HOME/.config/article-illustrator/EXTEND.md

支持配置项:水印、默认类型/风格、自定义风格、语言、输出目录等。

修改操作

操作 步骤
编辑(Edit) 更新提示词 → 重新生成图像 → 更新文档中引用
新增(Add) 定位插入位置 → 创建提示词 → 生成图像 → 更新大纲 → 插入引用
删除(Delete) 删除图像文件 → 移除文档中引用 → 更新大纲

参考文档

文件 内容
references/usage.md 命令语法、参数选项、输入模式
references/styles.md 风格图库、兼容性矩阵、自动选择逻辑
references/prompt-construction.md 各插图类型的提示词模板
references/styles/