前言¶

写技术文档时，架构图、流程图、时序图往往最耗时间：手写 Mermaid 要调样式，导出的图在浅色背景下刺眼，放到 README 里又和深色主题不搭。Baoyu Diagram 这类 Skill 的思路是：由模型直接理解你的描述，产出结构清晰、统一深色主题的 SVG，省掉排版和调色的时间。下面介绍这个 Skill 的定位、能力和用法。

这是什么¶

Baoyu Diagram 是一个用于生成专业深色主题 SVG 图表的 Agent Skill，支持架构图、流程图、时序图、结构图、思维导图、时间线等多种类型。

它由 jimliu 发布和维护，坐标为 @clawhub_jimliu/baoyu-diagram，来源是 clawhub，当前版本 1.117.3，上游仓库为 https://clawhub.ai/jimliu/baoyu-diagram 。标签显示 requires_api_key=false，即使用该 Skill 不需要额外的 API Key。

核心功能¶

根据官方资料，Baoyu Diagram 的能力包括：

1、生成深色主题的 SVG 图表，风格统一，适合技术文档和 README。
2、支持多种图表类型：架构图、流程图、时序图、结构图、思维导图、时间线等。
3、输出为 SVG 矢量格式，可直接嵌入文档或网页，缩放不失真。
4、不需要配置 API Key，安装后即可使用。

安装与启用¶

Baoyu Diagram 遵循通用 SKILL.md 格式，可被支持该格式的 Agent 宿主加载。

从官方页面获取：https://api.skillhub.cn/zcwl/baoyu-diagram

安装方式取决于你的宿主环境。以支持 Skill 的通用加载方式为例，将 Skill 目录放入宿主的 Skills 目录，或在配置中引用其坐标 @clawhub_jimliu/baoyu-diagram。由于不同宿主（Cursor、Codex CLI、Claude Code）的加载路径和配置方式有差异，具体路径请以你所用宿主的文档为准；本资料未提供各宿主的差异化命令，此处不展开。

安装后无需填写 API Key，直接在对话中说明要生成的图表类型和内容即可触发。

典型用法¶

使用方式是：在对话中描述图表需求，由 Skill 生成对应的深色主题 SVG。

一个可复现的示例：

请生成一张架构图：客户端 → API 网关 → 认证服务 → 数据库，使用深色主题 SVG。

Skill 会按描述输出节点和连线关系，并套用深色主题样式。生成的 SVG 可以直接保存为 .svg 文件，或嵌入 Markdown 文档中展示。

适用场景与注意¶

适合的场景：需要在技术文档、README 或汇报材料中快速产出统一深色风格图表的人；希望用自然语言描述结构、不手写绘图语法的团队。

需要注意的地方：

1、图表质量取决于你描述的结构是否完整，节点关系、层级和标注要写清楚，否则需要多轮修正。
2、输出为 SVG 文本，复杂图表的节点较多时，模型可能需要分步生成，注意检查结果中连线和布局是否错位。
3、深色主题是该 Skill 的固定风格，如果文档是浅色背景，需要另行调整或选择匹配的主题。
4、本资料未提供该 Skill 的评分、下载量等社区数据（不同页面显示不一致），如需了解热度可自行前往官方页面查看。

结尾¶

Baoyu Diagram 的价值在于把「画技术图」这件事变成一段自然语言描述，产出统一深色主题的 SVG，省去手写语法和调样式的成本。它由 jimliu 维护，来源 clawhub，不需要 API Key。官方地址：https://api.skillhub.cn/zcwl/baoyu-diagram