前言¶
畫架構圖、流程圖時,直接用繪圖工具容易顯得生硬;手寫風格的圖更直觀,但自己從零畫很耗時。下面介紹一個 Skill:手繪圖表。它面向需要快速產出架構圖、流程圖、時序圖的開發者,輸出手繪風格的 Excalidraw JSON,可以在 Excalidraw 中繼續編輯或導出。
這是什麼¶
手繪圖表是一個社區來源的 Skill,座標是 @user_db7424f5/udb7-handdrawn-diagram,由發佈者 user_db7424f5 維護,當前版本 1.0.0。它解決的問題是:讓模型按手繪風格生成 Excalidraw 圖的 JSON 結構,而不是手動拖拽或寫繪圖代碼。
分類屬於 design-media。簡介只有一句:生成手繪風格的 Excalidraw JSON 圖(架構圖、流程圖、時序圖)。
核心功能¶
已覈實的能力如下:
- 生成手繪風格的圖,覆蓋三類常見圖:架構圖、流程圖、時序圖。
- 輸出格式是 Excalidraw JSON。也就是說,產出的是可被 Excalidraw 讀取和二次編輯的數據,不是靜態圖片。
- 標籤 requires_api_key=false,說明運行時不要求額外提供 API key。
需要注意,資料中沒有列出生成時的具體參數、字段名或輸出 schema。如果需要知道輸入格式,應以官方頁面爲準。
安裝與啓用¶
這類 Skill 基於通用 SKILL.md 格式,具體啓用方式取決於宿主環境。當前資料只覈實到座標、版本、分類和無需 API key,沒有提供官方安裝命令、目錄路徑或配置字段。
官方地址:https://api.skillhub.cn/user_db7424f5/udb7-handdrawn-diagram
SkillHub 頁面:https://www.skillhub.cn/skills/user_db7424f5/udb7-handdrawn-diagram
在支持按座標安裝 Skill 的客戶端裏,可以用上面的座標 @user_db7424f5/udb7-handdrawn-diagram 定位並啓用。Cursor、Codex CLI、Claude Code 等環境對 Skill 的安裝路徑和加載方式存在差異,但當前資料沒有給出分別對應的命令,這裏不做推測。安裝前建議先打開官方頁面確認最新的啓用說明。
典型用法¶
已覈實的使用方式是:把要畫的圖類型(架構圖、流程圖或時序圖)和圖的內容描述交給 Skill,讓它生成對應的 Excalidraw JSON。
例如,可以描述系統由哪些模塊組成、模塊之間如何調用,或者按步驟描述一個流程。Skill 負責把這段描述轉換成手繪風格的 Excalidraw JSON。拿到 JSON 後,可以導入 Excalidraw 查看效果,再調整佈局、文字和連接關係。
資料中沒有提供可直接復現的完整輸入輸出示例,因此這裏不寫虛構的命令和結果。如果要驗證效果,建議先用一個小型流程圖試跑。
適用場景與注意¶
適合這些情況:
- 需要在文檔、PR 說明或方案評審裏放一張架構圖、流程圖或時序圖。
- 希望圖看起來像手繪草稿,而不是製圖軟件的默認風格。
- 希望產出可編輯的 Excalidraw JSON,後續還要改節點和連線。
要注意的地方:
- 當前版本是 1.0.0,來源是 community,發佈者爲 user_db7424f5。是否繼續維護需要自行判斷。
- 資料只寫了三類圖:架構圖、流程圖、時序圖。其他圖類型能否生成,沒有核實到,不要默認支持。
- 複雜圖的節點數量、連接關係和文字長度會影響生成質量。描述越具體,產出越容易接近預期。
- 運行時不需要 API key,但具體依賴的模型和生成能力由宿主環境決定。
小結¶
手繪圖表的價值在於把「畫一張手繪風格圖」變成一次生成 Excalidraw JSON 的調用,覆蓋架構圖、流程圖、時序圖三類常見圖。它不需要額外 API key,屬於 community 來源、版本 1.0.0。如果需要快速得到可編輯的草稿圖,可以按上面的座標從官方頁面瞭解啓用方式。