跳转到使用指南
Baoyu Article Illustrator作者 Jim Liu (Baoyu)

Baoyu Article Illustrator Skill.

在文章中恰当的位置用插图阐释论点,而不是平均地装饰每个章节。

  • 编辑插图
  • 内容设计
来源审查 · Baoyu Article IllustratorSKILL.md
任务 编辑插图 产出内容 • 包含文章位置和用途的插图大纲 • 已保存的文章专用图像提示词和栅格图像资源 • 插入相关段落旁的 Markdown 图像引用 开始之前 需要可用的栅格图像生成后端以及该技能的参考与配置文件;后端访问权限和费用需另行解决。
编辑摘要 · 已审查来源 2026-10-07 · 非生成示例

01 功能说明

在文章需要解释之处放置插图

一套理解文章语境的插图工作流,涵盖类型、风格和配色选择、提示词保存以及 Markdown 中的插图放置。

基于来源的工作流并非执行基准测试

工作方法

Baoyu Article Illustrator 从文章结构入手,判断哪些位置加入视觉辅助能增进理解。它将信息形式、渲染风格和配色彼此分离,因此可将流程制作成流程图,并为比较内容采用不同结构,同时又不失视觉一致性。来源建议将底层概念视觉化,而不是按字面绘制隐喻。

该工作流会生成一份大纲,记录每幅图像的位置、用途和文件名,并为每幅插图保存提示词。随后,通过相对 Markdown 路径在文章中引用生成的栅格图像。这是一套编辑插图规划与制作协调流程,并非事实核查服务,也不能替代可用的图像生成后端。

预期交付成果

  • 包含文章位置和用途的插图大纲
  • 已保存的文章专用图像提示词和栅格图像资源
  • 插入相关段落旁的 Markdown 图像引用
查看示例任务说明

从任务说明到审查

  1. 01
    确定视觉需求

    阅读文章论点,找出适合通过场景、流程、比较或概念结构来辅助解释的内容。

  2. 02
    确定图像系统

    选择类型、密度、渲染风格、配色和语言。保留所提供的数据以及参考图像中具有实际意义的作用。

  3. 03
    生成并放置

    渲染前保存提示词,检查标签和概念,然后将正确的相对图像引用插入文章。

02 适用场景

适用场景

需要可用的栅格图像生成后端以及该技能的参考与配置文件;后端访问权限和费用需另行解决。

适合的场景

  • 技术解析文章适用于包含流程或关系的长篇文章,尤其是这些内容仅靠文字难以理解时。
  • 风格一致的编辑插图组适合制作多幅需要共享视觉处理方式、但采用不同信息结构的插图。

需要核查的限制

  • 需要栅格图像生成后端该技能负责规划和协调图像,但需要可用的生成后端。其来源并未将 SVG 或 HTML 视为可互换的备用方案。
  • 文章事实需要单独审查数字和术语来自文章;插图工作流不会对其进行独立验证。

请准备这些输入

  • 文章源文件提供完整文章,并指出必须保持不变的内容。
  • 插图密度选择少量必要的视觉内容,或采用按章节配置的更密集方案。
  • 视觉参考说明每项参考是用于提供主题内容、配色还是风格。

03 关键决策

关键决策

  1. 记录位置和用途

    将每幅图像与特定解释关联,从而更容易移除不必要的装饰。

  2. 相互独立的设计维度

    信息结构可以变化,无需迫使每幅图都采用不同的配色或渲染方式。

04 示例任务

尝试聚焦的任务说明

以下示例任务说明尚未经过测试。使用前请检查该技能的设置。

检查设置

保留完整文件夹并完成其偏好设置。在承诺交付渲染插图前,请选择实际可用的图像生成后端。

上游源文件
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-article-illustrator/SKILL.md

需要可用的栅格图像生成后端以及该技能的参考与配置文件;后端访问权限和费用需另行解决。

先从一项交付成果开始

运行该技能前,请根据需要调整此任务说明中的范围、源材料和约束。

示例任务说明
使用 baoyu-article-illustrator 为这篇关于 design-token 迁移的文章规划三幅插图。说明每幅图应放在哪里,以及它解释什么。采用一致且克制的配色,但仅在内容确有需要时选择流程图、比较图或框架图。保留文章中的术语,在生成前保存提示词,并等待我批准大纲。

检查结果

依据以下可观察的标准检查实际输出。

  • 每幅图像都能阐明其插入位置的段落。
  • 标签和数据与文章一致,而非虚构的示例。
  • Markdown 引用可正确指向经过检查的图像文件,并且这些图像采用一致的视觉处理方式。

OpenDesign 为编码智能体提供本地设计工作区。此条目并不表示该技能已捆绑提供,也不表示其外部工具、凭据和软件依赖已包含在内。

05 来源与许可证

来源与许可证

本页面描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能发生变化。

来源所有者
Jim Liu (Baoyu)
许可证
MIT
已审查快照
2026-10-07 · 1567581c26ec
编辑来源摘要
一套理解文章语境的插图工作流,涵盖类型、风格和配色选择、提示词保存以及 Markdown 中的插图放置。

由 OpenDesign 根据链接来源撰写的原创摘要。仓库星标数是带日期的受欢迎程度指标,并不代表技能使用量或质量评分。

06 开始前的问题

开始前的问题

它会为每个标题都添加图像吗?

不一定。密度是一项有意识的选择,来源要求判断插图在哪些位置能够增加价值。

它与封面生成器有何不同?

它会规划多幅文章内插图及其在阅读流程中的位置;封面工作流则专注于一幅主图。

生成的标签有误时怎么办?

来源要求修正提示词后重新生成,或采用文字更少的处理方式,而不是在位图上覆盖绘制替换文字。

OpenDesign

为下一轮设计迭代留出空间。

将任务说明、源材料和设计工作集中保存在本地工作区中。将该技能加入工作流之前,请检查其自身设置。

上游源文件
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-article-illustrator/SKILL.md