baoyu-infographic

信息图生成器

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

用法

/baoyu-infographic path/to/content.md
/baoyu-infographic path/to/content.md --layout hierarchical-layers --style technical-schematic
/baoyu-infographic path/to/content.md --aspect portrait --lang zh
/baoyu-infographic  # then paste content

选项

选项	值
--layout	20 个选项（参见布局图库），默认值：bento-grid
--style	17 个选项（参见风格图库），默认值：craft-handmade
--aspect	landscape（16:9）、portrait（9:16）、square（1:1）
--lang	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	循环、重复流程

完整定义：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	玩具积木拼搭

完整定义：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

默认值：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。

核心原则

• 逐字保留所有源数据——不得总结或改写
• 在组织内容前定义学习目标
• 按视觉传达方式组织内容（标题、标签、视觉元素）

工作流

步骤 1：设置与分析

1.1 加载偏好设置（EXTEND.md）

使用 Bash 按优先级顺序检查 EXTEND.md 是否存在：

# Check project-level first
test -f .baoyu-skills/baoyu-infographic/EXTEND.md && echo "project"

# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)
test -f "$HOME/.baoyu-skills/baoyu-infographic/EXTEND.md" && echo "user"

┌────────────────────────────────────────────────────┬───────────────────┐ │ 路径 │ 位置 │ ├────────────────────────────────────────────────────┼───────────────────┤ │ .baoyu-skills/baoyu-infographic/EXTEND.md │ 项目目录 │ ├────────────────────────────────────────────────────┼───────────────────┤ │ $HOME/.baoyu-skills/baoyu-infographic/EXTEND.md │ 用户主目录 │ └────────────────────────────────────────────────────┴───────────────────┘

┌───────────┬───────────────────────────────────────────────────────────────────────────┐ │ 结果 │ 操作 │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ 找到 │ 读取、解析并显示摘要 │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ 未找到 │ 使用 AskUserQuestion 询问用户（参见 references/config/first-time-setup.md） │ └───────────┴───────────────────────────────────────────────────────────────────────────┘

EXTEND.md 支持：首选布局/样式 | 默认宽高比 | 自定义样式定义 | 语言偏好

架构：references/config/preferences-schema.md

1.2 分析内容 → analysis.md

1. 保存源内容（文件路径或粘贴内容 → source.md）
2. 分析：主题、数据类型、复杂度、语气、受众
3. 检测源语言和用户语言
4. 从用户输入中提取设计说明
5. 保存分析结果

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

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

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

1. 标题和学习目标
2. 各部分包含：核心概念、内容（原文照录）、视觉元素、文本标签
3. 数据点（所有统计数据/引言均须原样复制）
4. 用户提供的设计说明

规则：仅使用 Markdown。不得添加新信息。所有数据均须原文照录。

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

步骤 3：推荐组合

根据以下因素推荐 3-5 种布局×样式组合：

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

步骤 4：确认选项

在一次确认中列出所有选项：

1. 组合（始终提供）：至少 3 个选项及推荐理由
2. 宽高比（始终提供）：横向/纵向/正方形
3. 语言（仅当源语言 ≠ 用户语言时）：文本使用哪种语言

步骤 5：生成提示词 → prompts/infographic.md

组合以下内容：

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

步骤 6：生成图像

1. 选择可用的图像生成技能（如果有多个，则询问用户）
2. 使用提示词文件和输出路径调用
3. 失败时自动重试一次

步骤 7：输出摘要

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

参考资料

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

扩展支持

通过 EXTEND.md 使用自定义配置。路径和支持的选项请参见步骤 1.1。