前言¶
在文档和评审里补一张流程图或架构图，常见做法是：让模型输出 Mermaid 或 ASCII，再手工搬进 draw.io，或截一张位图无法二次编辑。若希望产物是可在 draw.io / diagrams.net 里直接打开的 .drawio 文件，并可选导出 PNG、SVG 等格式，就需要把「绘图」做成 Agent 里可重复调用的能力。下面介绍 SkillHub 上的 Boo哥AI流程图-drawio（坐标 @user_3c9003af/boo-ai-drawio，版本 1.0.0）如何承担这件事。
这是什么¶
Boo哥AI流程图-drawio 是由发布者 user_3c9003af（页面标注为 Boo哥AI智写）提交的社区 Skill，分类为 design-media。官方说明将其定位为适配 Claude Code 的技能插件：交互式生成图表，输出原生 .drawio，并支持按需导出 PNG、SVG、PDF、JPG、WebP。SkillHub 标签 requires_api_key=false，表示按页面信息无需额外 API Key。截至页面展示，评分为 100000，下载 1264 次。
核心功能¶
依据 SkillHub 与 API 摘要，已核实能力如下。
- 文件形态：生成可在 draw.io 生态中编辑的
.drawio源文件，而不是仅返回图片描述。 - 导出：可在生成后选择导出为 PNG、SVG、PDF、JPG、WebP 等格式（具体以技能执行时的交互选项为准）。
- 交互模式：内置交互流程，便于在类型、主题、复杂度之间做选择，而不是一次性的静态输出。
- 图表类型：官方表述为 7 大图表类型；技能简介中的触发场景覆盖流程图、架构图、ER 图、时序图、类图、网络图、线框/UI 草图，以及 draw.io 相关文件名与导出需求。
- 样式与粒度：6 套配色主题；3 种复杂度等级（对应精简 / 标准 / 详细档位的常见划分，以技能内选项为准）。
- 中文排版：说明中明确支持中文排版适配。
未在官方摘要中出现的细节（例如其他 Skill 通过 JSON 参数调用）本文不展开，避免与页面信息不一致。
安装与启用¶
安装前需本机已有 SkillHub CLI。可按 SkillHub 安装说明 检查或安装：
command -v skillhub && skillhub --version
若未安装 CLI，可使用文档中的安装脚本（完整安装或 --cli-only），具体命令见上述链接。
方式一：让 Agent 按文档安装
将 SkillHub 页面给出的提示交给当前 Agent，大意如下：请根据 https://skillhub.cn/install/skillhub.md，安装 @user_3c9003af/boo-ai-drawio。
方式二：CLI 安装到当前 Agent 的 skills 目录
SkillHub 要求安装时必须用 --dir 指向当前客户端识别的 skills 目录，否则默认落在 ./skills/ 可能不会被加载。文档列出的常见路径包括：
- Claude Code：
~/.claude/skills/ - Cursor：
~/.cursor/skills/ - Codex：
~/.codex/skills/或项目下的.agents/skills/
以 Claude Code 为例：
skillhub install @user_3c9003af/boo-ai-drawio --dir ~/.claude/skills/
安装后按你所用客户端的规则重启或刷新 Agent，使 Skill 被加载。Cursor、Codex CLI 等若目录不同，仅替换 --dir 路径即可；其余步骤与 SkillHub 通用流程一致。
典型用法¶
技能在描述中约定：当用户要求 创建、生成、绘制或设计 各类图表（流程图、架构图、ER 图、时序图、类图、网络图、线框或 UI 草图等），或提到 draw.io / drawio / .drawio 文件，或需要 导出为 PNG、SVG、PDF、JPG、WebP 时，应优先使用该 Skill。
可复现的对话示例（自然语言即可，无需记忆内部实现）：
- 「用 draw.io 画一张订单支付流程图，复杂度选标准，主题用默认，生成
.drawio并导出 PNG。」 - 「画一个三层 Web 架构图，组件名用中文，输出
.drawio。」 - 「根据这段表结构说明画 ER 图，导出 SVG。」
经过上面的步骤，Agent 应进入技能内置的交互流程，确认图表类型、主题与复杂度后落盘文件。若你已在 Claude Code（或已正确配置 skills 目录的其他客户端）中启用该 Skill，直接在同一会话里描述需求即可。
适用场景与注意¶
适合谁
- 需要在评审、设计文档、Wiki 中交付 可二次编辑 图表的开发者或技术写作者。
- 已使用或计划使用 Claude Code + SkillHub 工作流，希望把绘图从「一次性 prompt」变成稳定技能的人。
注意
- 官方文案强调适配 Claude Code；在其他客户端使用取决于其是否加载同一套 Skill 目录与 SKILL.md 规范，需自行验证。
- 社区来源（community），使用前可在 SkillHub 页面查看版本 v1.0.0 与作者信息，并按团队规范做技能审计。
- 页面显示的「安装」计数可能与实际本机安装无关，以你本地
skills目录是否出现该包为准。 - 复杂版式、像素级 UI 还原仍可能需要人工在 draw.io 中微调；Skill 的价值在于结构化起稿与统一导出路径。
结尾¶
Boo哥AI流程图-drawio 把「原生 .drawio + 多格式导出 + 交互选型」收进一个 Skill，减少从模型输出到可编辑图表的搬运成本。查阅详情与安装提示可使用：
