Comic Guide - 漫画风格图解生成器

将任何文档、源码或技术知识转化为 AI 绘制的漫画图片（PNG）。

命令格式

/comic-guide \x3Csource> [options]

风格选项

核心工作流

输入 → 内容分析 → 分镜脚本 → 角色定义 → 图像提示词 → AI 图像生成 → PNG 输出

Phase 1: 内容分析

1. 读取 \x3Csource> 内容（文件/URL/文本描述）
2. 提取核心知识点，按逻辑拆分为 3-8 个章节
3. 为每章确定：标题、核心概念（2-4 个）、难度级别
4. 输出 analysis.md

Phase 2: 分镜脚本

为每章设计 4-6 个面板的分镜脚本，输出 storyboard.md。

面板类型与节奏：

分镜规则：

• 每话 4-6 个面板，横版 2x2 或 2x3 布局
• 开头必有 title 面板
• diagram 前必有 dialogue 铺垫
• 结尾必有 summary 面板

Phase 3: 角色定义

输出 characters.md，描述每个角色的视觉特征：

## 角色表

### 导师角色
- 名称：哆啦A梦
- 外观：蓝色圆滚滚的机器猫，白色肚皮，红鼻子，黄色铃铛项圈
- 表情变化：讲解时自信微笑，强调时举起手指，展示道具时从口袋掏出
- 对话气泡颜色：浅蓝色

### 学习者角色
- 名称：大雄
- 外观：黑发男孩，戴大圆框眼镜，黄色上衣
- 表情变化：困惑时挠头，惊讶时张大嘴巴，领悟时竖起大拇指
- 对话气泡颜色：浅黄色

Phase 4: 图像提示词生成

为每话生成一份详细的图像生成提示词，保存为 prompts/NN-chapter-slug.md。

提示词结构（以哆啦A梦风格为例）：

A educational comic page in Doraemon anime art style, cute round character
designs, soft blue and white color scheme, clean lines.

Layout: landscape 16:9 ratio, [N] panels arranged in a [2x2 / 2x3] grid
with thin black panel borders and white gutters between panels.

Panel 1 (top-left, title panel):
[章节标题大字]，哆啦A梦站在左侧，举起右手，背景是[场景描述]。
对话气泡："[对话内容]"

Panel 2 (top-right):
[面板内容描述，角色位置、表情、动作]
对话气泡："[对话内容]"

Panel 3 (bottom-left, diagram):
[技术图解描述：用可爱卡通风格绘制的架构图/流程图，标注中文文字]

Panel 4 (bottom-right, summary):
[总结面板描述]

All text in Chinese. Speech bubbles with tails pointing to speakers.
Consistent character appearance across all panels.

详细的风格提示词模板见 styles.md。 提示词编写规范见 prompt-template.md。

Phase 5: AI 图像生成

根据运行平台选择图像生成方式：

生成规则：

• 每话一张 PNG 图片
• 默认 16:9 横版（适合桌面/分享）；可选 3:4 竖版（适合手机/小红书）
• 文件命名：NN-chapter-slug.png（如 01-overall-architecture.png）

Phase 6: 输出汇总

最终输出目录结构：

{topic}-guide/
├── analysis.md              # 内容分析
├── storyboard.md            # 分镜脚本
├── characters.md            # 角色定义
├── prompts/                 # 图像提示词
│   ├── 01-chapter-slug.md
│   ├── 02-chapter-slug.md
│   └── ...
├── 01-chapter-slug.png      # 生成的漫画图片
├── 02-chapter-slug.png
└── ...

汇报：文件列表、章节数、风格、图片数量。

角色对话设计原则

1. 导师角色发起话题，用简单比喻引入复杂概念
2. 学习者角色提出困惑，代表读者的疑问
3. 每轮对话不超过 2 句，保持紧凑（图片中文字不宜太多）
4. 技术术语首次出现时用通俗比喻解释
5. 每话结尾用学习者的"恍然大悟"表情收束

比喻映射规则

输出示例

对于 /comic-guide "OpenClaw 架构" --style doraemon --chapters 5：

openclaw-guide/
├── analysis.md
├── storyboard.md
├── characters.md
├── prompts/
│   ├── 01-what-is-openclaw.md
│   ├── 02-four-layer-architecture.md
│   ├── 03-skills-system.md
│   ├── 04-memory-and-security.md
│   └── 05-deployment.md
├── 01-what-is-openclaw.png          # 第1话：四次元口袋里的小龙虾
├── 02-four-layer-architecture.png   # 第2话：小龙虾的四层铠甲
├── 03-skills-system.png             # 第3话：百宝袋就是 Skills
├── 04-memory-and-security.png       # 第4话：记忆面包与安全头盔
└── 05-deployment.png                # 第5话：一起养虾吧！

补充资源

• 风格提示词模板：references/styles.md
• 提示词编写规范：references/prompt-template.md
• 完整示例：examples/openclaw-guide/