流程圖繪製技能:把流程圖交付成可編輯的 drawio 源文件

前言

讓 AI 生成流程圖,常見結果有兩種:一是給出一段 Mermaid 或 Graphviz 代碼,得自己排版;二是直接輸出一張圖,拿到手發現改不了——想改一個分支的條件、調整節點文字,只能重畫。多人協作時還要再擔心各張圖風格不統一。下面介紹的流程圖繪製技能,做法是直接交付可編輯的 drawio 源文件,並附一張 SVG 兜底圖。

這是什麼

流程圖繪製技能是一個基於通用 SKILL.md 格式的 Agent Skill,座標 @indiv-zane/professional-flowchart-design,由社區發佈者 user_b7d723bc 維護,當前版本 1.0.6,來源標記爲 community,SkillHub 分類爲 design-media。它解決的問題是:Agent 生成流程圖時,輸出物能被直接編輯、風格統一,不產生典型的「AI 味」圖表。

核心能力

根據 SkillHub 頁面的簡介,該技能的能力可以歸納爲三點:

1、從零生成流程圖。輸入一份文字描述,Agent 按 Skill 的規範生成節點、連線和分支結構,不需要用戶先手寫草稿。

2、交付可編輯的 drawio 源文件。主交付物是 drawio 源文件,可以在 draw.io 桌面版或網頁版打開繼續編輯,改文字、調佈局、加分支都直接在文件裏完成。

3、提供 SVG 兜底圖。除源文件外同時輸出 SVG,用於預覽、貼文檔,或在無法打開 drawio 的環境裏查看。

標籤 requires_api_key=false,表示使用該 Skill 不需要配置額外的 API key。

安裝與啓用

官方頁面沒有給出命令行安裝方式,也沒有列出目錄或配置項;目前 SkillHub 頁面上的安裝數爲 0。可以確認的信息只有兩點:

  • 座標:@indiv-zane/professional-flowchart-design
  • 環境要求:不需要 API key

在支持通用 SKILL.md 格式的環境裏啓用時,以 Skill 座標爲準從 SkillHub 獲取;具體目錄約定以該環境的文檔爲準,本資料未覆蓋,這裏不推測。

典型用法

SkillHub 頁面未提供可復現的命令示例,下面只描述輸入形態,具體執行取決於所在的 Agent 環境。

輸入是一段文字描述,說明流程的目標、節點、分支和終點,Agent 藉助該 Skill 生成 drawio 源文件和 SVG 兜底圖。拿到源文件後,在 draw.io 中打開覈對佈局與文字,再按需修改。

適用場景與注意

適合的場景:需要把流程圖當作可維護交付物的團隊——文檔、設計評審、需求說明中的流程圖後續會被反覆修改,而不是一次性截圖。

需要注意的地方:

  • 交付物依賴 drawio 格式,下游如果只用 Mermaid 或圖片,需要自行轉換。
  • 該 Skill 來自 community 來源,發佈者是社區用戶,使用前建議先在自己的流程樣例上試一輪,確認輸出風格符合預期。
  • 頁面上評分 100000、下載 839、安裝 0(抓取時的數據)。安裝數爲 0,意味着還沒有可參考的公開使用記錄。

結尾

流程圖繪製技能把「AI 畫圖」的輸出物從一張不可改的圖,變成一份可編輯的 drawio 源文件加一張 SVG 兜底圖,接口簡單:文字描述進、源文件出,不需要額外 API key。官方地址:https://api.skillhub.cn/indiv-zane/professional-flowchart-design

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

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

小夜