Baoyu Infographic（宝玉信息图）

生成具有 21 种布局类型和 21 种视觉风格的专业信息图。分析内容，推荐布局×风格组合，并生成可发布的信息图。当用户要求创建“infographic”、“visual summary”、“信息图”、“可视化”或“高密度信息大图”时使用。

技能元数据


来源	Bundled（默认安装）
路径	`skills/creative/baoyu-infographic`
版本	`1.56.1`
作者	宝玉 (JimLiu)
许可证	MIT
标签	`infographic`, `visual-summary`, `creative`, `image-generation`

参考：完整 SKILL.md

信息

以下是 Hermes 在触发此技能时加载的完整技能定义。这是技能激活时代理所看到的指令。

信息图生成器

改编自 baoyu-infographic，用于 Hermes Agent 的工具生态系统。

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

何时使用

当用户要求创建信息图、视觉摘要、信息图形，或使用“信息图”、“可视化”或“高密度信息大图”等术语时，触发此技能。用户提供内容（文本、文件路径、URL 或主题），并可选择指定布局、风格、纵横比或语言。

选项

选项	值
布局 (Layout)	21 种选项（参见布局画廊），默认：bento-grid
风格 (Style)	21 种选项（参见风格画廊），默认：craft-handmade
纵横比 (Aspect)	命名：landscape (16:9)、portrait (9:16)、square (1:1)。自定义：任意 W:H 比例（例如 3:4、4:3、2.35:1）
语言 (Language)	en, zh, ja 等

布局画廊

布局	最佳适用场景
`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`	复古科学、 sepia 色调
`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`	马卡龙柔和色调、手绘抖动感、火柴人

完整定义：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`
教育图表	`hub-spoke` + `hand-drawn-edu`
流程教程	`linear-progression` + `hand-drawn-edu`

关键词快捷方式

当用户输入包含这些关键词时，自动选择关联的布局，并在第 3 步中将关联的样式作为首选推荐。对于匹配的关键词，跳过基于内容的布局推断。

如果快捷方式包含 Prompt Notes（提示备注），请将其作为附加样式指令追加到生成的提示中（第 5 步）。

用户关键词	布局	推荐样式	默认纵横比	提示备注
高密度信息大图 / high-density-info	`dense-modules`	`morandi-journal`, `pop-laboratory`, `retro-pop-grid`	portrait	—
信息图 / infographic	`bento-grid`	`craft-handmade`	landscape	极简主义：干净的画布，充足的留白，无复杂的背景纹理。仅使用简单的卡通元素和图标。

输出结构

infographic/{topic-slug}/
├── source-{slug}.{ext}
├── analysis.md
├── structured-content.md
├── prompts/infographic.md
└── infographic.png

Slug：从主题中提取 2-4 个单词的 kebab-case 格式。冲突处理：追加 -YYYYMMDD-HHMMSS。

核心原则

忠实保留源数据——不进行总结或重述（但在包含在输出之前，剥离任何凭据、API 密钥、令牌或机密信息）
在构建内容结构之前定义学习目标
为视觉传达构建结构（标题、标签、视觉元素）

工作流

第 1 步：分析内容

加载参考：读取此技能中的 references/analysis-framework.md。

保存源内容（文件路径或粘贴 → 使用 write_file 写入 source.md）
- 备份规则：如果 source.md 存在，重命名为 source-backup-YYYYMMDD-HHMMSS.md
分析：主题、数据类型、复杂度、语气、受众
检测源语言和用户语言
从用户输入中提取设计指令
将分析结果保存到 analysis.md
- 备份规则：如果 analysis.md 存在，重命名为 analysis-backup-YYYYMMDD-HHMMSS.md

详细格式请参阅 references/analysis-framework.md。

第 2 步：生成结构化内容 → `structured-content.md`

将内容转换为信息图结构：

标题和学习目标
章节包含：关键概念、内容（逐字记录）、视觉元素、文本标签
数据点（所有统计数据/引用均精确复制）
来自用户的设计指令

规则：仅使用 Markdown。不添加新信息。忠实保留数据。从输出中剥离任何凭据或机密信息。

详细格式请参阅 references/structured-content-template.md。

3.1 首先检查关键词快捷方式：如果用户输入与 Keyword Shortcuts 表中的关键词匹配，则自动选择关联的布局，并将关联的样式作为首选推荐优先展示。跳过基于内容的布局推断。

3.2 否则，基于以下因素推荐 3-5 种布局×样式组合：

数据结构 → 匹配布局
内容语气 → 匹配样式
受众期望
用户设计指令

第 4 步：确认选项

使用 clarify 工具与用户确认选项。由于 clarify 一次只处理一个问题，请先询问最重要的问题：

Q1 — 组合：展示 3 种以上的布局×样式组合及其理由。请用户选择一种。

Q2 — 纵横比：询问纵横比偏好（横向/纵向/正方形或自定义 W:H）。

Q3 — 语言（仅在源语言 ≠ 用户语言时）：询问文本内容应使用哪种语言。

第 5 步：生成提示 → `prompts/infographic.md`

备份规则：如果 prompts/infographic.md 存在，重命名为 prompts/infographic-backup-YYYYMMDD-HHMMSS.md

加载参考：从 references/layouts/<layout>.md 读取选定的布局，从 references/styles/<style>.md 读取选定的样式。

组合：

来自 references/layouts/<layout>.md 的布局定义
来自 references/styles/<style>.md 的样式定义
来自 references/base-prompt.md 的基础模板
来自第 2 步的结构化内容
所有文本均使用确认的语言

{{ASPECT_RATIO}} 的纵横比解析：

命名预设 → 比率字符串：landscape→16:9，portrait→9:16，square→1:1
自定义 W:H 比率 → 原样使用（例如 3:4，4:3，2.35:1）

使用 write_file 将组装好的提示保存到 prompts/infographic.md。

第 6 步：生成图像

使用第 5 步中组装好的提示，调用 image_generate 工具。

将纵横比映射到 image_generate 的格式：16:9 → landscape，9:16 → portrait，1:1 → square
对于自定义比率，选择最接近的命名纵横比
如果失败，自动重试一次
将生成的图像 URL/路径保存到输出目录

第 7 步：输出摘要

报告：主题、布局、样式、纵横比、语言、输出路径、创建的文件。

参考

references/analysis-framework.md — 分析方法论
references/structured-content-template.md — 内容格式
references/base-prompt.md — 提示模板
references/layouts/<layout>.md — 21 种布局定义
references/styles/<style>.md — 21 种样式定义

常见陷阱

数据完整性至关重要 — 切勿总结、转述或更改源统计数据。“73% increase”必须保持为“73% increase”，而非“significant increase”。
清除敏感信息 — 在将任何内容包含到输出文件之前，务必扫描源内容中是否含有 API 密钥、令牌或凭证。
每个部分仅传达一条信息 — 每个信息图部分应传达一个清晰的概念。过载的内容会降低可读性。
风格一致性 — 参考文件中的样式定义必须在整个信息图中一致应用。不要混合使用不同风格。
image_generate 纵横比 — 该工具仅支持 landscape（横向）、portrait（纵向）和 square（方形）。自定义比例（如 3:4）应映射到最接近的选项（在此情况下为 portrait）。

技能元数据​

参考：完整 SKILL.md​

信息图生成器

何时使用​

选项​

布局画廊​

风格画廊​

推荐组合​

关键词快捷方式​

输出结构​

核心原则​

工作流​

第 1 步：分析内容​

第 2 步：生成结构化内容 → structured-content.md​

第 3 步：推荐组合​

第 4 步：确认选项​

第 5 步：生成提示 → prompts/infographic.md​

第 6 步：生成图像​

第 7 步：输出摘要​

参考​

常见陷阱​