用 Agent Skills 把技术文章变成哆啦A梦风格漫画

开源圈里Agent Skills的玩法越来越多。最近发现了一个有趣的方式让技术内容更易理解：把它变成漫画。

使用 宝玉老师 的 baoyu-comic 技能，我把 Anthropic 的技术文章「Skills Explained」转换成了一本 8 页的教育漫画，用哆啦A梦的角色来讲解 Claude 的 Agent 生态系统。

原始素材

原文讲解了 Claude 的 5 个 Agent 构建模块：

• Skills：持久化的指令文件夹，Claude 在需要时自动加载
• Prompts：临时的、对话式的指令
• Projects：带有持久知识库的工作空间
• Subagents：专门处理并行任务的 AI 助手
• MCP：Model Context Protocol，连接外部系统的协议

内容很棒，但信息密度高。非常适合用视觉叙事来呈现。

工具：baoyu-comic 技能

宝玉老师的 baoyu-comic 是一个 Agent Skills，用于创建漫画。它提供了以下漫画创作的必要元素支持：

• 多种画风（manga、ligne-claire、写实、水墨、粉笔）
• 多种基调（中性、温馨、戏剧、活力等）
• 预设组合，比如 ohmsha（使用哆啦A梦风格角色的教育漫画）

底层可以使用 Gemini 的 Nano Banana Pro API。

安装配置

1. 安装技能：

   npx skills add jimliu/baoyu-skills
   

2. Gemini API key，从 Google AI Studio 获取
3. 在 ~/.baoyu-skills/.env 配置 key：

   GEMINI_API_KEY=your-key-here
   

制作过程

1. 内容分析

启动 Claude Code 并传入文章内容。我们可以提供文章的 Markdown 格式内容，也可以提供 Markdown 的链接。Claude Code 分析了素材，基于我所提供的内容推荐了 ohmsha 预设：

• 教程/教育内容 → manga 画风
• 技术讲解 → 需要视觉隐喻
• How-to 格式 → webtoon 布局

2. 风格确认

Claude Code 提示我确认：

• 风格：ohmsha（manga + 哆啦A梦角色）
• 页数：8 页
• 审核：不需要中间审核

3. 分镜生成

Claude 创建了叙事弧线：

1. 问题：大雄每次聊天都要重复说明，很沮丧
2. Prompts vs Skills：消逝的气泡 vs 持久的金色书本
3. Skills 详解："如果你输入同样的 prompt 3 次以上 → 做成 Skill"
4. Projects：漂浮着文档的工作空间
5. MCP：连接外部系统的金色管道
6. Subagents：处理并行任务的迷你哆啦A梦
7. 集成：5 个模块协同工作
8. 总结：快速参考图表和圆满结局

4. 先生成角色表

关键步骤：在生成页面之前先生成角色参考表。这确保了所有面板中的视觉一致性。

5. 页面生成

每个页面都带着角色参考图生成，保持角色外观一致：

第 3 页 - Skills 详解

视觉隐喻：灰暗色调表示「重复自己」，金色光芒表示「定义一次，永久使用」。

第 6 页 - Subagents

复杂概念变简单：subagents 就是拿着不同工具的迷你哆啦A梦（放大镜是 reviewer，扳手是 tester，书本是 researcher）。

6. PDF 合成

全部 9 张图（封面 + 8 页）用 Python 的 img2pdf 库合成最终 PDF。

成果

最终输出：9 页漫画，讲解 Claude 的 Agent 生态系统

页面	内容
封面	哆啦A梦展示 5 个构建模块
1	大雄对重复 prompt 的沮丧
2	Prompts（临时）vs Skills（持久）
3	何时把 prompt 转换成 Skill
4	Projects 作为知识工作空间
5	MCP 连接外部系统
6	Subagents 处理并行专业任务
7	所有模块协同工作
8	总结图表和结尾

关键收获

整个过程非常智能。将技术内容转换为漫画能够以非常有效的方式传达复杂概念。技术内容通常具有较高的逻辑性，漫画的形式是极好的信息载体。

效果好的地方

1. 视觉隐喻胜过文字解释：持久的金色书本 vs 破灭的气泡，瞬间传达「持久 vs 临时」的概念。

2. 角色参考至关重要：先生成角色表，每个页面 prompt 都引用它，确保哆啦A梦始终像哆啦A梦。

3. Ohmsha 预设规则：预设强制「禁止说话头」——角色必须在做事，而不只是解释。这让漫画更有动感。

完整漫画

以下是完整漫画：

总结

把技术内容变成漫画不只是好玩——而是有效。视觉隐喻比文字段落更容易记住。ohmsha 预设的「禁止站桩对话」规则强制你创造性地可视化抽象概念。

如果你有高密度的技术内容想让更多人理解，可以考虑漫画形式。有了 baoyu-comic 这样的工具，入门门槛出乎意料地低。

---

资源：

• 原文：Skills Explained
• baoyu-comic 技能
• Google AI Studio (Gemini API)