名称: baoyu-infographic 描述: 生成专业信息图,提供20种布局类型和17种视觉风格。分析内容,推荐布局×风格组合,并生成出版就绪的信息图。当用户请求创建“信息图”、“信息图”、“可视化摘要”或“可视化”时使用。
信息图生成器
两个维度:布局(信息结构)× 风格(视觉美学)。自由组合任何布局与任何风格。
使用方法
/baoyu-infographic 路径/到/内容.md
/baoyu-infographic 路径/到/内容.md --layout 分层结构 --style 技术示意图
/baoyu-infographic 路径/到/内容.md --aspect 纵向 --lang zh
/baoyu-infographic # 然后粘贴内容
选项
| 选项 | 值 |
|---|---|
--layout |
20个选项(见布局库),默认:便当网格 |
--style |
17个选项(见风格库),默认:手工工艺 |
--aspect |
横向(16:9)、纵向(9:16)、方形(1:1) |
--lang |
en、zh、ja等 |
布局库
| 布局 | 最适合 |
|---|---|
线性进度 |
时间线、流程、教程 |
二元比较 |
A对B、前后对比、优缺点 |
比较矩阵 |
多因素比较 |
分层结构 |
金字塔、优先级层次 |
树状分支 |
类别、分类法 |
中心辐射 |
中心概念与相关项 |
结构分解 |
爆炸视图、截面图 |
便当网格 |
多主题、概览(默认) |
冰山 |
表面与隐藏方面 |
桥梁 |
问题解决 |
漏斗 |
转化、筛选 |
等距地图 |
空间关系 |
仪表板 |
指标、关键绩效指标 |
周期表 |
分类集合 |
漫画条 |
叙事、序列 |
故事山 |
情节结构、张力弧 |
拼图 |
互联部分 |
维恩图 |
重叠概念 |
蜿蜒路线图 |
旅程、里程碑 |
循环流程 |
循环、重复过程 |
完整定义:references/layouts/<layout>.md
风格库
| 风格 | 描述 |
|---|---|
手工工艺 |
手绘、纸艺(默认) |
粘土动画 |
3D粘土人物、定格动画 |
可爱风 |
日本可爱、柔和色彩 |
故事书水彩 |
柔和绘画、奇幻 |
黑板 |
黑板粉笔 |
赛博朋克霓虹 |
霓虹发光、未来主义 |
大胆图形 |
漫画风格、半色调 |
复古学术 |
复古科学、褐色调 |
企业孟菲斯 |
扁平矢量、鲜艳 |
技术示意图 |
蓝图、工程 |
折纸 |
折叠纸、几何 |
像素艺术 |
复古8位 |
UI线框图 |
灰度界面模拟 |
地铁地图 |
交通图 |
宜家手册 |
极简线条艺术 |
摊平整理 |
有序平铺 |
乐高积木 |
玩具积木构建 |
完整定义:references/styles/<style>.md
推荐组合
| 内容类型 | 布局 + 风格 |
|---|---|
| 时间线/历史 | 线性进度 + 手工工艺 |
| 逐步指导 | 线性进度 + 宜家手册 |
| A对B | 二元比较 + 企业孟菲斯 |
| 层次结构 | 分层结构 + 手工工艺 |
| 重叠 | 维恩图 + 手工工艺 |
| 转化 | 漏斗 + 企业孟菲斯 |
| 循环 | 循环流程 + 手工工艺 |
| 技术 | 结构分解 + 技术示意图 |
| 指标 | 仪表板 + 企业孟菲斯 |
| 教育 | 便当网格 + 黑板 |
| 旅程 | 蜿蜒路线图 + 故事书水彩 |
| 类别 | 周期表 + 大胆图形 |
默认:便当网格 + 手工工艺
输出结构
infographic/{话题-短链接}/
├── 源-{短链接}.{扩展名}
├── 分析.md
├── 结构化内容.md
├── 提示/信息图.md
└── 信息图.png
短链接:2-4个单词短横线连接来自话题。冲突:添加-YYYYMMDD-HHMMSS。
核心原则
- 保留所有源数据逐字—无总结或重新措辞
- 在结构化内容前定义学习目标
- 为视觉沟通结构化(标题、标签、视觉元素)
工作流程
步骤1:设置与分析
1.1 加载偏好(EXTEND.md)
使用Bash检查EXTEND.md存在(优先级顺序):
# 先检查项目级别
test -f .baoyu-skills/baoyu-infographic/EXTEND.md && echo "project"
# 然后用户级别(跨平台:$HOME在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
- 保存源内容(文件路径或粘贴 →
source.md)- 备份规则:如果
source.md存在,重命名为source-backup-YYYYMMDD-HHMMSS.md
- 备份规则:如果
- 分析:话题、数据类型、复杂度、语调、受众
- 检测源语言和用户语言
- 从用户输入中提取设计指令
- 保存分析
- 备份规则:如果
analysis.md存在,重命名为analysis-backup-YYYYMMDD-HHMMSS.md
- 备份规则:如果
见references/analysis-framework.md获取详细格式。
步骤2:生成结构化内容 → structured-content.md
将内容转换为信息图结构:
- 标题和学习目标
- 部分包括:关键概念、内容(逐字)、视觉元素、文本标签
- 数据点(所有统计/引用精确复制)
- 来自用户的设计指令
规则:仅Markdown。无新信息。所有数据逐字。
见references/structured-content-template.md获取详细格式。
步骤3:推荐组合
推荐3-5个布局×风格组合基于:
- 数据结构 → 匹配布局
- 内容语调 → 匹配风格
- 受众期望
- 用户设计指令
步骤4:确认选项
使用单个AskUserQuestion调用,包含多个问题一起确认所有选项:
| 问题 | 何时 | 选项 |
|---|---|---|
| 组合 | 总是 | 3+布局×风格组合与理由 |
| 纵横比 | 总是 | 横向(16:9)、纵向(9:16)、方形(1:1) |
| 语言 | 仅当源语言 ≠ 用户语言时 | 文本内容语言 |
重要:不要拆分为单独的AskUserQuestion调用。将所有适用问题合并到一个调用中。
步骤5:生成提示 → prompts/infographic.md
备份规则:如果prompts/infographic.md存在,重命名为prompts/infographic-backup-YYYYMMDD-HHMMSS.md
组合:
- 布局定义来自
references/layouts/<layout>.md - 风格定义来自
references/styles/<style>.md - 基础模板来自
references/base-prompt.md - 结构化内容来自步骤2
- 所有文本以确认的语言
步骤6:生成图像
- 选择可用图像生成技能(如果多个则询问用户)
- 检查现有文件:生成前检查
infographic.png是否存在- 如果存在:重命名为
infographic-backup-YYYYMMDD-HHMMSS.png
- 如果存在:重命名为
- 调用提示文件和输出路径
- 失败时自动重试一次
步骤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获取路径和支持选项。