信息图生成器

两个维度：布局（信息结构）× 样式（视觉美学）。可以将任何布局与任何样式自由组合。

使用方法

/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 path/to/content.md --aspect 3:4
/baoyu-infographic  # 然后粘贴内容

选项

布局库

完整定义：references/layouts/<布局名称>.md

样式库

完整定义：references/styles/<样式名称>.md

推荐组合

默认组合：bento-grid + craft-handmade

关键词快捷方式

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

如果某个快捷方式有提示词备注，请将它们作为附加样式说明附加到生成的提示词（步骤 5）中。

输出结构

infographic/{主题标识符}/
├── source-{标识符}.{扩展名}
├── analysis.md
├── structured-content.md
├── prompts/infographic.md
└── infographic.png

标识符：从主题中提取的 2-4 个词，短横线连接。冲突时附加 -YYYYMMDD-HHMMSS。

核心原则

• 忠实地保留源数据——不进行总结或改写（但在包含到输出之前，务必去除任何凭证、应用程序编程接口密钥、令牌或密钥）
• 在构建内容之前定义学习目标
• 为视觉传达构建结构（标题、标签、视觉元素）

工作流程

步骤 1：设置与分析

1.1 加载偏好设置 (EXTEND.md)

检查 EXTEND.md 是否存在（优先级顺序）：

# macOS, Linux, WSL, Git Bash
test -f .baoyu-skills/baoyu-infographic/EXTEND.md && echo "project"
test -f "${XDG_CONFIG_HOME:-$HOME/.config}/baoyu-skills/baoyu-infographic/EXTEND.md" && echo "xdg"
test -f "$HOME/.baoyu-skills/baoyu-infographic/EXTEND.md" && echo "user"

# PowerShell (Windows)
if (Test-Path .baoyu-skills/baoyu-infographic/EXTEND.md) { "project" }
$xdg = if ($env:XDG_CONFIG_HOME) { $env:XDG_CONFIG_HOME } else { "$HOME/.config" }
if (Test-Path "$xdg/baoyu-skills/baoyu-infographic/EXTEND.md") { "xdg" }
if (Test-Path "$HOME/.baoyu-skills/baoyu-infographic/EXTEND.md") { "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）
   • 备份规则：如果 source.md 已存在，重命名为 source-backup-YYYYMMDD-HHMMSS.md
2. 分析：主题、数据类型、复杂性、语气、受众
3. 检测源语言和用户语言
4. 从用户输入中提取设计说明
5. 保存分析
   • 备份规则：如果 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：确认选项

使用单个 AskUserQuestion 调用，包含多个问题，一次性确认所有选项：

重要提示：不要拆分成多个 AskUserQuestion 调用。将所有适用的问题合并到一次调用中。

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

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

组合：

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

为 {{ASPECT_RATIO}} 解析宽高比：

• 命名预设 → 比率字符串：landscape→16：9, portrait→9：16, square→1：1
• 自定义宽高比 → 直接使用（例如 3：4, 4：3, 2.35：1）

步骤 6：生成图像

1. 选择可用的图像生成技能（如果有多个，询问用户）
2. 检查现有文件：生成前，检查 infographic.png 是否存在
   • 如果存在：重命名为 infographic-backup-YYYYMMDD-HHMMSS.png
3. 使用提示词文件和输出路径调用
4. 失败时，自动重试一次

步骤 7：输出摘要

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

参考资料

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

扩展支持

通过 EXTEND.md 进行自定义配置。参见步骤 1.1了解路径和支持的选项。