前言¶
在文檔和評審裏補一張流程圖或架構圖，常見做法是：讓模型輸出 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，減少從模型輸出到可編輯圖表的搬運成本。查閱詳情與安裝提示可使用：
