本技能由 Jim Liu (宝玉) 开源，用于在 AI Agent 中处理AI 信息图生成。以下为官方技能说明文档：
支持 21 种布局类型和 22 种视觉风格，生成专业信息图。分析内容、推荐「布局 × 风格」组合，并产出可发布的成品信息图。当用户要求创建「infographic」「信息图」「visual summary」「可视化」或「高密度信息大图」时使用。
两个维度：布局（layout）（信息结构）× 风格（style）（视觉美学）。任意布局都可以与任意风格自由组合。
当本技能向用户提问时，请遵循以下工具选择规则（按优先级排序）：
1. 优先使用内置用户输入工具：即当前 Agent 运行时暴露的 AskUserQuestion、request_user_input、clarify、ask_user 等同类工具。2. 回退方案：若不存在此类工具，则输出带编号的纯文本消息，请用户逐题回复所选编号或答案。3. 批量询问：若工具支持一次调用包含多个问题，则将所有相关问题合并为一次调用；若仅支持单个问题，则按优先级顺序逐个询问。
下文中的 AskUserQuestion 仅为具体示例——在其他运行时中请替换为本地等价工具。
当本技能需要渲染图像时，请按以下顺序确定后端（backend）：
1. 当前请求优先——若用户在当前消息中明确指定了某个后端，则直接使用它。2. 已保存的偏好——若 EXTEND.md 将 preferred_image_backend 设置为当前可用的后端，则使用它。3. 自动选择（当偏好为 auto、未设置，或所固定的后端不可用时）：- Codex（imagegen）——首先检查你的可用技能/工具清单。若列表中存在名为 imagegen 的技能，说明你正在 Codex 环境中运行，必须使用它：通过 Skill 工具调用，参数为 skill: "imagegen"，并传入已保存的提示词文件内容（另按 Codex imagegen 自身的参数传入输出路径和宽高比）。在该运行时中，Codex imagegen 是官方位图后端，优先于任何非原生技能（例如 baoyu-image-gen），除非用户已明确固定了不同的 preferred_image_backend。- 通过 codex exec 使用 Codex（codex-imagegen）——若当前运行时未暴露原生 imagegen 技能，但 codex CLI 位于 PATH 且已执行 codex login，则通过 baoyu-image-gen --provider codex-cli 路由（首选）；若 baoyu-image-gen 不可用，则直接调用随附的包装器。详细说明、参数及运行时发现流程见 [references/codex-imagegen.md](references/codex-imagegen.md)——仅当选中此分支时才加载该文件。- Cursor（GenerateImage）——若运行时暴露了原生 GenerateImage 工具，说明你正在 Cursor 环境中运行，其优先级与 Codex imagegen 相同，高于任何非原生技能。有两点硬性注意事项：(a) 该工具没有宽高比参数——必须在作为 description 传入的提示词文本中明确写明目标宽高比/尺寸；(b) 它不接受输出目录——文件会保存到工具管理的路径，因此生成后需将文件复制/移动到本技能预期的输出路径（例如 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 图形作为替代。即使文章/章节看起来「像示意图」也同样适用：调用本规则的技能已经决定它需要的是位图图像。
⛔ 切勿通过在已生成的位图上覆盖绘制来修复渲染文字。不要使用 ImageMagick、Pillow、Canvas、SVG、HTML/CSS、OCR 脚本或任何其他程序化叠加方式，去遮盖、重写、擦除、描画或替换已生成信息图中的标签、标题、标注框、数据值或任何其他文字。若文字有误或不清，请基于修正后的提示词重新生成，改用画面文字更少的布局，或询问用户保留哪一个不完美的候选。
设置 preferred_image_backend: ask 会在每次运行时强制触发步骤 3 的询问，无论有哪些可用后端。用户可通过下方的 ## Changing Preferences 章节修改所固定的后端。
提示词文件要求（硬性）：在调用任何后端之前，将每张图像的完整最终提示词写入 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 参数）→ 通过后端的 ref 参数传入文件style/palette 特征嵌入提示词文本默认行为：生成前确认。
EXTEND.md 默认值和文档中的默认组合，都视为仅作推荐的输入。它们均不授权跳过确认。--no-confirm、「直接生成」、「不用确认」、「跳过确认」、「按默认出图」或等效表述。| 选项 | 取值 |
|--------|--------|
| --layout | 21 种选项（见布局画廊），默认：bento-grid |
| --style | 22 种选项（见风格画廊），默认：craft-handmade |
| --aspect | 命名比例：landscape（16:9，横版）、portrait（9:16，竖版）、square（1:1，方形）。自定义：任意宽高比（例如 3:4、4:3、2.35:1） |
| --lang | en、zh、ja 等 |
| --no-confirm | 仅当用户明确要求不确认直接生成时，才跳过步骤 4 |
| --ref <files...> | 参考图（文件路径），用于风格 / 配色 / 构图 / 主题引导 |
| 布局 | 适用场景 |
|--------|----------|
| linear-progression | 时间线、流程、教程 |
| binary-comparison | A 与 B 对比、前后对比、优缺点 |
| comparison-matrix | 多因素对比 |
| hierarchical-layers | 金字塔、优先级层级 |
| tree-branching | 分类、分门别类 |
| hub-spoke | 中心概念及其关联条目 |
| structural-breakdown | 分解视图、剖面图 |
| bento-grid | 多主题总览（默认） |
| iceberg | 表面与隐藏层面 |
| 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。
| 风格 | 说明 |
|-------|-------------|
| 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 | 有序平铺陈列 |
| 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 与 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（仅为回退推荐——依据[确认策略](#confirmation-policy)，默认值永远不会绕过步骤 4）。
当用户输入包含这些关键词时，将映射的布局作为步骤 3 的首选推荐，并把列出的风格提升到步骤 3 列表的顶部。对匹配的关键词跳过基于内容的布局推断。将 Prompt Notes 中的内容附加到步骤 5 的提示词中。
| 用户关键词 | 布局 | 推荐风格 | 默认宽高比 | 提示词备注 |
|--------------|--------|--------------------|----------------|--------------|
| 高密度信息大图 / high-density-info | dense-modules | morandi-journal、pop-laboratory、retro-pop-grid、retro-popup-pop | 竖版 | — |
| 信息图 / infographic | bento-grid | craft-handmade | 横版 | 极简风格：干净的画布、充足的留白、无复杂的背景纹理。简洁的卡通元素与图标
（内容节选自官方 SKILL.md，完整说明见来源链接）
本技能来源于官方仓库，可通过技能管理器安装：
# 安装到当前项目
npx skills add baoyu-infographic
# 全局安装
npx skills add baoyu-infographic -gJim Liu (宝玉)
评论区