baoyu-infographic

信息图生成器

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

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

适用场景

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

选项

选项	值
布局	21 种选项（见布局库），默认：bento-grid
风格	21 种选项（见风格库），默认：craft-handmade
宽高比	命名选项：landscape（16:9）、portrait（9:16）、square（1:1）。自定义：任意 W:H 比例（例如，3:4、4:3、2.35:1）
语言	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	复古科学风、棕褐色调
corporate-memphis	扁平矢量、鲜艳色彩
technical-schematic	蓝图、工程风
origami	折纸、几何风
pixel-art	复古 8 位风格
ui-wireframe	灰度界面模型
subway-map	公共交通线路图
ikea-manual	极简线稿
knolling	整齐排列的平铺布局
lego-brick	玩具积木搭建
pop-laboratory	蓝图网格、坐标标记、实验室精密感
morandi-journal	手绘涂鸦、温暖的莫兰迪色调
retro-pop-grid	20 世纪 70 年代复古波普艺术、瑞士网格、粗描边
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

默认：bento-grid + craft-handmade

关键词快捷方式

当用户输入包含以下关键词时，自动选择对应布局，并在第 3 步将对应风格列为优先推荐。匹配到关键词时，跳过基于内容推断布局的步骤。

如果快捷方式有提示词备注，请将其作为额外的风格说明附加到生成的提示词（第 5 步）中。

用户关键词	布局	推荐风格	默认纵横比	提示词备注
高密度信息大图 / high-density-info	dense-modules	morandi-journal、pop-laboratory、retro-pop-grid	纵向	—
信息图 / infographic	bento-grid	craft-handmade	横向	极简风格：画布整洁，留白充足，不使用复杂的背景纹理。仅使用简单的卡通元素和图标。

输出结构

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。

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

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

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

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

1. 标题和学习目标
2. 各部分包含：核心概念、内容（逐字保留）、视觉元素、文本标签
3. 数据点（所有统计数据／引语均须原样复制）
4. 设计说明

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

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

第 3 步：推荐组合

3.1 首先检查关键词快捷方式：如果用户输入与关键词快捷方式表中的某个关键词匹配，则自动选择对应布局，并优先推荐对应风格。跳过基于内容推断布局的步骤。

3.2 否则，根据以下因素推荐 3-5 个布局×风格组合：

• 数据结构 → 匹配的布局
• 内容语气 → 匹配的风格
• 受众预期
• 用户设计说明

第 4 步：确认选项

使用 clarify 工具与用户确认选项。将以下相互独立的问题放入一个 questions 数组中（最多 5 个）；如果某个问题的选项取决于更早的回答，则单独提问：

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。

组合以下内容：

1. references/layouts/<layout>.md 中的布局定义
2. references/styles/<style>.md 中的风格定义
3. references/base-prompt.md 中的基础模板
4. 第 2 步中的结构化内容
5. 所有使用已确认语言编写的文本

纵横比解析（用于 {{ASPECT_RATIO}}）：

• 预设名称 → 纵横比字符串：横向→16:9，纵向→9:16，正方形→1:1
• 自定义 W:H 纵横比 → 按原样使用（例如 3:4、4:3、2.35:1）

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

第 6 步：生成图像

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

• 将纵横比映射到 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 种风格定义

注意事项

1. 数据完整性至关重要 — 切勿总结、改述或更改源数据。「73% increase」必须保持为「73% increase」，不能改成「significant increase」。
2. 剔除机密信息 — 在将源内容纳入任何输出文件之前，务必检查其中是否包含 API 密钥、令牌或凭据。
3. 每个部分传达一个信息 — 信息图的每个部分都应表达一个清晰的概念。内容过载会降低可读性。
4. 风格一致性 — 必须在整张信息图中一致应用参考文件中的风格定义。不要混用风格。
5. image_generate 纵横比 — 该工具仅支持 landscape、portrait 和 square。像 3:4 这样的自定义纵横比应映射到最接近的选项（此处为 portrait）。