AI Skills
baoyu-infographic

baoyu-infographic

热门

提供 21 种布局类型与 22 种视觉风格，轻松生成专业级信息图。自动分析内容，推荐最佳“布局×风格”组合方案，一键生成出版/发布级的高质量信息图。当用户要求创建“infographic”、“信息图”、“visual summary”、“可视化”或“高密度信息大图”时使用。

2.2万Star
2606Fork
更新于 2026/6/18
获取 Skill源代码

相关 Skills

algorithmic-art15万frontend-ui-engineering7.7万napkin3.7万
SKILL.md
只读
名称
baoyu-infographic
描述

提供 21 种布局类型与 22 种视觉风格，轻松生成专业级信息图。自动分析内容，推荐最佳“布局×风格”组合方案，一键生成出版/发布级的高质量信息图。当用户要求创建“infographic”、“信息图”、“visual summary”、“可视化”或“高密度信息大图”时使用。

版本
1.117.4

信息图生成器

双重维度：布局（信息结构）× 风格（视觉美学）。任意布局均可与任意风格自由组合。

用户交互工具

当此 Skill 需要向用户提问时，请按以下工具选择规则（优先级顺序）执行：

  1. 首选内置用户交互工具：优先使用当前 Agent 运行时提供的内置交互工具——例如 AskUserQuestion、request_user_input、clarify、ask_user 或任何同等工具。
  2. 后备方案：若不存在此类工具，则输出带编号的纯文本消息，请用户回复每道问题对应的编号或答案。
  3. 批量提问：若工具支持单次调用抛出多个问题，请将所有适用问题合并为一次调用；若仅支持单问题，则按优先级顺序逐个询问。

下文提及的 AskUserQuestion 均为示例——在其他运行时中请替换为本地同等工具。

图像生成工具

当此 Skill 需要渲染图像时，请按以下顺序确定后端：

  1. 当前请求覆盖——如果用户在当前消息中明确指定了某个后端，直接使用该后端。
  2. 已保存偏好——如果 EXTEND.md 中设置的 preferred_image_backend 在当前环境下可用，则直接使用。
  3. 自动选择（当偏好设为 auto、未设置或固定后端不可用时）：
    • Codex (imagegen) —— 首先检查可用 skill / 工具清单。若列出了名为 imagegen 的 skill，说明当前运行在 Codex 中，必须使用它：通过 Skill 工具调用 skill: "imagegen"，传入已保存提示词文件的内容（并根据 Codex imagegen 的参数要求指定输出路径和宽高比）。Codex imagegen 是该运行时官方的光栅图后端，其优先级高于任何非原生 skill（如 baoyu-image-gen），除非用户显式固定了其他 preferred_image_backend。
    • 通过 codex exec 使用 Codex (codex-imagegen) —— 若当前运行时未提供原生 imagegen skill，但 PATH 中存在 codex CLI 且已执行 codex login 保持登录状态，则优先路由至 baoyu-image-gen --provider codex-cli；若 baoyu-image-gen 不可用，则直接调用内置封装脚本。详细信息、参数和运行时检测流程请参见 references/codex-imagegen.md —— 仅在选中此分支时加载该文件。
    • Cursor (GenerateImage) —— 若运行时暴露了原生 GenerateImage 工具，说明当前运行在 Cursor 中，该工具的优先级同样高于任何非原生 skill。注意两个硬性限制：(a) 它没有宽高比参数 —— 必须在传给 description 的提示词文本中显式写明目标宽高比/尺寸；(b) 它不接收输出目录 —— 它会保存到工具管理的路径，因此生成后需将文件复制/移动到 Skill 预期的输出路径（例如 outputs/.../NN-xxx.png）。参考图传入 reference_image_paths。
    • 其他运行时原生工具 —— 若运行时暴露了其他原生图像工具（如 Hermes 的 image_generate），按照相同规则使用。
    • 否则，若仅安装了一个非原生后端（例如 baoyu-image-gen），则使用该后端。
    • 否则（安装了多个非原生后端且无运行时原生工具），询问用户一次 —— 与其他初始问题一并批量抛出。
  4. 若无可用后端，告知用户并询问下一步处理方式。

⛔ 严禁使用 SVG、HTML、Canvas 或其他代码渲染方式替代光栅图像生成。 Codex imagegen 本身的说明已强调“当输出目标为位图资源而非项目代码或矢量图时”使用。若无法通过步骤 3 确定光栅后端，请降级到步骤 4 询问用户 —— 切勿静默输出 SVG、写入内联 <svg> 标签或生成 HTML/CSS 替代品。即使文章/章节看起来像“图表”也同样适用：调用本规则的上游 Skill 已决定需要的是光栅图像。

⛔ 严禁在已生成的位图上涂改修补文字。 禁止使用 ImageMagick、Pillow、Canvas、SVG、HTML/CSS、OCR 脚本或任何程序化叠加手段覆盖、重写、擦除、加粗描边或替换已生成信息图内部的标签、标题、标注、数据值或任何其他文字。若文字有误或不清晰，请用修正后的提示词重新生成、切换到文字较少的布局，或询问用户保留哪张不完美的候选图。

将 preferred_image_backend 设为 ask 会强制每次运行都触发步骤 3 的询问提示，无论当前有哪些可用后端。用户可通过下文 ## 修改偏好设置 章节更改固定的后端。

提示词文件硬性要求：在调用任何后端之前，必须将每张图像的完整最终提示词写入 prompts/ 目录下的独立文件中（命名规范：NN-{type}-[slug].md）。后端接收提示词文件（或其内容）；该文件作为可复现性记录，便于后续切换后端而无需重新生成提示词。

上文提及的具体工具名称（imagegen、GenerateImage、image_generate、baoyu-image-gen）均为示例 —— 请在相同规则下替换为本地同等工具。

参考图

用户可提供参考图，用于指导风格、配色、构图或主体。

接收方式：通过 --ref <files...> 传入，或在对话中由用户提供文件路径 / 粘贴图片。

  • 文件路径 → 复制到与输出文件同目录的 refs/NN-ref-{slug}.{ext}
  • 无路径的粘贴图片 → 询问用户获取文件路径（遵循上文用户交互工具规则），或在文本中抽取风格特征作为后备方案
  • 无参考图 → 跳过此章节

使用模式（按参考图划分）：

模式 效果
direct 将文件作为参考图直接传给后端
style 提取风格特征（线条处理、质感、氛围）并追加到提示词正文
palette 从图像中提取十六进制颜色代码并追加到提示词正文

当存在参考图时，记录在 prompts/infographic.md 的 frontmatter 中：

references:
  - ref_id: 01
    filename: 01-ref-brand.png
    usage: direct

生成时处理：

  • 确认引用的每个文件在磁盘上确实存在
  • 若 usage: direct 且所选后端支持参考图（例如 baoyu-image-gen 通过 --ref 参数）→ 通过后端的参考图参数传入文件
  • 否则 → 将提取的 style/palette 特征嵌入提示词文本中

确认策略

默认行为：生成前确认。

  • 显式 Skill 调用、文件路径、匹配的关键词快捷方式、EXTEND.md 默认设置以及文档中给出的默认组合，均仅作为推荐输入。它们均无权跳过确认步骤。
  • 在用户确认组合/宽高比/语言/后端选择之前，不得开始步骤 5 或步骤 6。
  • 仅当当前请求明确要求跳过时方可跳过确认，例如传入 --no-confirm，或说明“直接生成”、“不用确认”、“跳过确认”、“按默认出图”等同义表述。
  • 若显式跳过了确认，请在生成前的下一次用户推文中明确告知假定的组合/宽高比/语言/后端设置。

参数选项

选项 可选值
--layout 21 种选择（参见布局图鉴），默认：bento-grid
--style 22 种选择（参见风格图鉴），默认：craft-handmade
--aspect 命名宽高比：landscape (16:9), portrait (9:16), square (1:1)。自定义：任意 W:H 比例（如 3:4, 4:3, 2.35:1）
--lang en, zh, ja 等
--no-confirm 仅在用户显式要求无需确认直接生成时跳过步骤 4
--ref <files...> 参考图（文件路径），用于风格 / 配色 / 构图 / 主体指导

布局图鉴 (21)

布局 最适合场景
linear-progression 时间线、流程步骤、教程指南
binary-comparison A vs B 对比、前后对比、优缺点分析
comparison-matrix 多维度/多要素矩阵对比
hierarchical-layers 金字塔结构、优先级层级
tree-branching 分类树、层级体系
hub-spoke 核心概念扩展、中心辐射图
structural-breakdown 爆炸图、剖面拆解图
bento-grid 多主题综合展示、概览全局（默认）
iceberg 冰山模型（表象 vs 隐藏冰山之下）
bridge 桥梁模型（问题→解决方案）
funnel 漏斗转化、筛选过滤流程
isometric-map 等距视角空间关系图
dashboard 数据仪表盘、KPI 指标看板
periodic-table 元素周期表式分类集合
comic-strip 四格/多格漫画叙事、连续剧情
story-mountain 故事山模型、情节起伏与高潮曲线
jigsaw 拼图组合、互锁关联模块
venn-diagram 韦恩图、交集共性概念
winding-roadmap 曲折路线图、发展里程碑
circular-flow 闭环循环、反复迭代流程
dense-modules 高密度模块、信息密集的攻略/长图

完整定义详见 references/layouts/<layout>.md。

风格图鉴 (22)

风格 描述
craft-handmade 手绘质感、剪纸拼贴（默认）
claymation 3D 黏土定格动画风
kawaii 日系可爱萌风、柔和粉彩
storybook-watercolor 绘本水彩、梦幻童趣
chalkboard 黑板粉笔手绘风
cyberpunk-neon 赛博朋克霓虹光晕、未来感
bold-graphic 粗线条美漫风、半色调网点
aged-academia 复古学术风、牛皮纸复古风
corporate-memphis 现代扁平矢量、鲜艳孟菲斯风
technical-schematic 蓝图工程图纸、技术剖面图
origami 折纸几何风
pixel-art 像素复古 8-bit
ui-wireframe 灰度界面线框原型
subway-map 铁路线路图、交通图解
ikea-manual 宜家说明书式极简线条画
knolling 极简平铺俯拍（Knolling）
lego-brick 乐高积木拼搭风
pop-laboratory 实验蓝图网格、坐标标记、实验室精密风
morandi-journal 暖色莫兰迪涂鸦手账风
retro-pop-grid 1970年代复古波普艺术、瑞士网格、粗描边
hand-drawn-edu 马卡龙配色、手绘抖动线条、火柴人卡通
retro-popup-pop 复古立体剪贴画、复古 UI、粗线条、扁平波普色彩

完整定义详见 references/styles/<style>.md。

推荐组合

内容类型 布局 + 风格
时间线 / 历史演变 linear-progression + craft-handmade
步骤指南 / 操作流程 linear-progression + ikea-manual
A vs B 对比 binary-comparison + corporate-memphis
层级结构 hierarchical-layers + craft-handmade
概念重叠 / 共性 venn-diagram + craft-handmade
漏斗转化 funnel + corporate-memphis
闭环循环 circular-flow + craft-handmade
技术架构 / 剖面 structural-breakdown + technical-schematic
数据指标 dashboard + corporate-memphis
教学科普 bento-grid + chalkboard
发展历程 winding-roadmap + storybook-watercolor
分类大汇总 periodic-table + bold-graphic
产品使用指南 dense-modules + morandi-journal
技术攻略 / 架构图 dense-modules + pop-laboratory
潮流趋势指南 dense-modules + retro-pop-grid
复古波普攻略 dense-modules + retro-popup-pop
科普示意图 hub-spoke + hand-drawn-edu
过程教程 linear-progression + hand-drawn-edu

默认组合：bento-grid + craft-handmade（仅作为保底推荐 —— 依据确认策略，默认值绝不能绕过步骤 4）。

关键词快捷推荐

当用户输入包含以下关键词时，将映射的布局作为步骤 3 的首选推荐，并将列出的风格置顶推荐。对于匹配到关键词的情况，可跳过基于内容的布局推断。任何 Prompt Notes 需追加到步骤 5 的提示词中。

用户关键词 布局 推荐风格 提示词补充说明