please-drawio-turn:在 Agent 裏用 draw.io 生成可編輯圖表

前言

在文檔、評審或方案裏補一張架構圖、流程圖,常見做法是手開 draw.io 或 Mermaid 寫一版,再和 AI 來回改文案。圖在對話裏以代碼塊或截圖出現時,後續改版往往要重新排版,也不方便直接交給同事在 draw.io 裏改。

下面介紹 SkillHub 上的 please-drawio-turn(座標 @user_800d68d6/drawiodo,當前版本 2.6.1)。它在用戶提出「畫圖」類需求時介入,產出 .drawio 文件並配合 draw.io 打開,並帶有思考、確認、迭代與版本回溯相關的工作流說明,以及 8 個 Hook Point 安全校驗(以 Skill 自帶說明爲準)。

這是什麼

please-drawio-turn 是面向 design-media 分類的社區 Skill,發佈者爲 user_800d68d6,來源標註爲 community。SkillHub 頁面標明 requires_api_key=false,即不依賴額外 API Key 配置項。

一句話定位:當對話裏出現畫圖、生成圖表、架構圖、流程圖、UML、ER 圖、時序圖、思維導圖等意圖時觸發,由 Agent 按 Skill 指引生成 draw.io 可編輯文件,而不是隻輸出一張靜態圖或一段無法直接打開的僞代碼。

核心功能

以下能力均來自 SkillHub 官方簡介與頁面描述,未單獨覈實的細節不展開。

  1. 觸發範圍:畫圖、圖表、架構圖、流程圖、UML、ER 圖、時序圖、思維導圖等自然語言需求。
  2. 交付物:生成 .drawio 文件,並用 draw.io 打開(本機需已安裝或可訪問 draw.io 桌面版 / 配套打開方式,具體以 Skill 內步驟爲準)。
  3. 工作流:支持 思考 → 確認 → 迭代 → 版本回溯 的完整流程,適合先對齊結構再改細節。
  4. 安全校驗:內置 8 個 Hook Point 安全校驗,在 Skill 執行鏈路上做約束(具體校驗項以 Skill 文檔爲準)。

SkillHub 統計(以頁面抓取爲準):評分 100000,下載 1709 次。

安裝與啓用

安裝方式遵循 SkillHub 通用說明:skillhub.cn/install/skillhub.md。官方頁面給出的安裝提示爲:根據該文檔安裝 @user_800d68d6/drawiodo。

1、安裝 SkillHub CLI(若尚未安裝)

先檢查是否已有 CLI:

command -v skillhub && skillhub --version

未安裝時可執行完整安裝(CLI + 默認 Skill):

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

僅安裝 CLI 時:

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only

說明:若環境網絡受限,需在允許訪問外網的終端中執行上述命令。

2、安裝 please-drawio-turn 到當前 Agent 的 skills 目錄

SkillHub 要求安裝時必須用 --dir 指向當前 Agent 識別的 skills 目錄,否則默認落在 ./skills/ 可能不會被加載。

skillhub install user_800d68d6/drawiodo --dir <你的 skills 目錄>

常見客戶端路徑(來自 SkillHub 安裝文檔):

  • Cursor:~/.cursor/skills/
  • Claude Code:~/.claude/skills/
  • Codex:~/.codex/skills/ 或項目下的 .agents/skills/

在 Cursor 中示例:

skillhub install user_800d68d6/drawiodo --dir ~/.cursor/skills/

安裝後按你所用客戶端的要求刷新或重啓 Agent,使 Skill 被加載。本 Skill 無需配置 API Key(requires_api_key=false)。

典型用法

官方頁面未附帶獨立「示例項目」倉庫;可復現的用法即:在已啓用該 Skill 的對話裏,用自然語言描述圖類型與內容,由 Agent 按 SKILL 流程生成文件並打開。

可參考的提示方向(與官方觸發描述一致):

  1. 「畫一張微服務架構圖,包含網關、三個業務服務和 Redis。」
  2. 「用流程圖描述用戶註冊:校驗 → 寫庫 → 發郵件。」
  3. 「畫 ER 圖:用戶、訂單、商品三表及外鍵關係。」
  4. 「時序圖:客戶端、API、數據庫在一次查詢中的交互。」

經過上面的步驟,Agent 應走 思考與確認 後再落盤 .drawio;若結果不符預期,在同一對話中要求迭代,並依賴 Skill 提供的 版本回溯 能力回到較早版本(具體命令或話術以 Skill 內說明爲準)。

適用場景與注意

適合誰:需要在方案、設計評審、技術文檔裏頻繁出圖,且希望交付物是 draw.io 原生格式、方便人工微調的團隊或個人。

限制與注意:

  • 依賴本機 draw.io 或 Skill 指定的打開方式;純 Web Agent 環境若無法寫本地文件或調起應用,體驗會受限。
  • 圖爲 Agent 生成,複雜版式、企業視覺規範仍需人工在 draw.io 中調整。
  • 安全相關行爲以 8 個 Hook Point 爲準,若企業有合規要求,安裝前建議在 SkillHub 頁面閱讀完整 Skill 說明。
  • 版本以 SkillHub 爲準,撰寫時頁面版本爲 2.6.1;升級可用 skillhub 的更新能力並仍指定正確的 --dir。

結尾

please-drawio-turn 把「對話裏要一張圖」收斂爲 可編輯的 .drawio 交付,並強調確認、迭代與回溯,適合不想在 Mermaid 與手繪之間反覆切換的場景。

官方入口:

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜