---
name: baoyu-visuals
description: "宝玉知识可视化工具集：知识漫画 (comic) + 信息图 (infographic)。使用 image_generate 生成图片。"
version: 1.0.0
author: 宝玉 (JimLiu), consolidated by Hermes Curator
license: MIT
platforms: [linux, macos, windows]
metadata:
  hermes:
    tags: [comic, infographic, knowledge-comic, visual-summary, creative, image-generation, baoyu]
    homepage: https://github.com/JimLiu/baoyu-skills
    absorbed_from: [baoyu-comic, baoyu-infographic]
---

# 宝玉知识可视化工具集 (Baoyu Visuals)

宝玉 (JimLiu) 的两款知识可视化工具，均使用 Hermes 内置的 `image_generate` 工具生成最终图片。21种布局 × 21种风格，自由组合。

## 两个子工具

| 子工具 | 用途 | 输出 | 原技能 |
|--------|------|------|--------|
| **知识漫画** (Comic) | 教育漫画、传记漫画、教程漫画 | 多页 PNG 漫画 | baoyu-comic |
| **信息图** (Infographic) | 知识总结、数据可视化、高密度信息大图 | 单张 PNG 信息图 | baoyu-infographic |

## 快速决策

- 用户说「画个漫画」「知识漫画」「Logicomix 风格」→ **知识漫画**
- 用户说「信息图」「可视化」「高密度信息大图」「infographic」→ **信息图**
- 用户未指定 → 根据内容判断：故事/传记/教程 → 漫画；数据/对比/总结 → 信息图

---

## 子工具 1: 知识漫画 (Knowledge Comic)

创建教育性知识漫画。灵活的艺术风格 × 基调组合。

### 触发条件

用户要求创建知识/教育漫画、传记漫画、教程漫画，或使用「知识漫画」「教育漫画」「Logicomix-style」等术语。

### 视觉维度

| 选项 | 可选值 |
|------|--------|
| 艺术风格 | ligne-claire (默认), manga, realistic, ink-brush, chalk, minimalist |
| 基调 | neutral (默认), warm, dramatic, romantic, energetic, vintage, action |
| 布局 | standard (默认), cinematic, dense, splash, mixed, webtoon, four-panel |
| 比例 | 3:4 (默认竖版), 4:3 (横版), 16:9 (宽屏) |
| 语言 | auto (默认), zh, en, ja 等 |

### 预设

| 预设 | 等效组合 | 特点 |
|------|---------|------|
| `ohmsha` | manga + neutral | 视觉比喻，无谈话头像 |
| `wuxia` | ink-brush + action | 武侠风格，气功效果 |
| `shoujo` | manga + romantic | 少女漫画，装饰元素 |
| `concept-story` | manga + warm | 概念故事，成长弧线 |
| `four-panel` | minimalist + neutral + 四格 | 起承转合，黑白+点缀色 |

### 工作流

1. **分析内容** → `analysis.md`, `source-{slug}.md`
2. **确认选项** (MUST NOT SKIP) → 风格、基调、布局、比例、语言
3. **生成故事板 + 角色** → `storyboard.md`, `characters/characters.md`
4. **审核大纲** (可选)
5. **生成提示词** → `prompts/*.md`
6. **审核提示词** (可选)
7. **生成图片**:
   - 7.1 角色表 (可选) → `characters/characters.png`
   - 7.2 页面 → `*.png` 文件
8. **完成报告**

### 输出结构

```
comic/{topic-slug}/
├── source-{slug}.md
├── analysis.md
├── storyboard.md
├── characters/characters.md
├── characters/characters.png
├── prompts/NN-{cover|page}-[slug].md
├── NN-{cover|page}-[slug].png
└── refs/  (可选的参考图片)
```

### 关键陷阱

- Step 2 确认绝对不能跳过
- image_generate 是纯提示词的，不接受参考图片
- 用绝对路径做 `curl -o` 下载，不要依赖 shell CWD
- 每次 image_generate 前先写 prompts/*.md 文件

### 参考文件

原 baoyu-comic 技能的完整参考文件保留在 `references/comic/` 目录下：
- `references/comic/workflow.md` — 完整工作流
- `references/comic/auto-selection.md` — 内容信号分析
- `references/comic/partial-workflows.md` — 部分工作流选项
- `references/comic/analysis-framework.md` — 内容分析框架
- `references/comic/storyboard-template.md` — 故事板模板
- `references/comic/character-template.md` — 角色定义格式
- `references/comic/ohmsha-guide.md` — Ohmsha 漫画指南
- `references/comic/art-styles/` — 6种艺术风格定义
- `references/comic/tones/` — 7种基调定义
- `references/comic/presets/` — 5种预设规则
- `references/comic/layouts/` — 7种布局定义

---

## 子工具 2: 信息图 (Infographic)

将内容转化为高密度信息大图。21种布局 × 21种风格自由组合。

### 触发条件

用户要求创建信息图、视觉总结，或使用「信息图」「可视化」「高密度信息大图」等术语。

### 布局库 (21种)

| 布局 | 适用场景 |
|------|---------|
| `linear-progression` | 时间线、流程、教程 |
| `binary-comparison` | A vs B、前后对比 |
| `comparison-matrix` | 多因素对比 |
| `hierarchical-layers` | 金字塔、优先级 |
| `tree-branching` | 分类、层级 |
| `hub-spoke` | 中心概念+关联项 |
| `structural-breakdown` | 结构分解 |
| `bento-grid` | 多主题总览 (默认) |
| `iceberg` | 表层vs深层 |
| `bridge` | 问题-方案 |
| `funnel` | 转化、筛选 |
| `isometric-map` | 空间关系 |
| `dashboard` | 指标、KPI |
| `periodic-table` | 分类集合 |
| `comic-strip` | 叙事序列 |
| `story-mountain` | 情节结构 |
| `jigsaw` | 关联部件 |
| `venn-diagram` | 重叠概念 |
| `winding-roadmap` | 旅程、里程碑 |
| `circular-flow` | 循环流程 |
| `dense-modules` | 高密度模块 |

### 风格库 (21种)

`craft-handmade` (默认), `claymation`, `kawaii`, `storybook-watercolor`, `chalkboard`, `cyberpunk-neon`, `bold-graphic`, `aged-academia`, `corporate-memphis`, `technical-schematic`, `origami`, `pixel-art`, `ui-wireframe`, `subway-map`, `ikea-manual`, `knolling`, `lego-brick`, `pop-laboratory`, `morandi-journal`, `retro-pop-grid`, `hand-drawn-edu`

### 工作流

1. **分析内容** → `analysis.md`, `source-{slug}.md`
2. **生成结构化内容** → `structured-content.md`
3. **推荐组合** → 3-5 个 layout×style 组合
4. **确认选项** → 用 `clarify` 确认组合、比例、语言
5. **生成提示词** → `prompts/infographic.md`
6. **生成图片** → `image_generate` + 下载

### 输出结构

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

### 关键词快捷方式

| 关键词 | 布局 | 推荐风格 |
|--------|------|---------|
| 高密度信息大图 | `dense-modules` | morandi-journal, pop-laboratory, retro-pop-grid |
| 信息图/infographic | `bento-grid` | craft-handmade |

### 参考文件

原 baoyu-infographic 技能的完整参考文件保留在 `references/infographic/` 目录下：
- `references/infographic/analysis-framework.md` — 分析方法论
- `references/infographic/structured-content-template.md` — 内容格式
- `references/infographic/base-prompt.md` — 提示词模板
- `references/infographic/layouts/` — 21种布局定义
- `references/infographic/styles/` — 21种风格定义