前言¶

畫架構圖、流程圖時常見的幾種做法都有代價：用截圖工具手動畫，元件位置和連線容易歪；用在線繪圖工具，導出和分享往往要登錄賬號；用渲染庫生成的又是整齊的「工程圖」風格，拿不到手繪白板的感覺。

Excalidraw手繪圖表 這個 Skill 走的是另一條路：你直接寫標準 Excalidraw 元素 JSON，保存成 .excalidraw 文件，拖進 excalidraw.com 就能查看、編輯、導出和分享。全程不需要賬號、不需要 API 密鑰、不需要渲染庫。下面介紹它的能力範圍和使用方式。

這是什麼¶

Excalidraw手繪圖表 是發佈在 SkillHub 上的 Skill，座標 @org-b6kzcl68/excalidraw，版本 1.0.0，分類 design-media，來源 enterprise，發佈者爲重慶途光網絡傳媒有限責任公司。它解決的問題是：把「畫一張手繪風格示意圖」變成「寫一段結構化 JSON」，讓圖表產出可復現、可版本化、可分享。

核心能力¶

1、覆蓋全部元素格式：矩形、橢圓、菱形、箭頭、容器綁定標籤、獨立文本等都能生成。
2、內置若干規範，避免手寫 JSON 時踩坑：標籤綁定的避坑警告、箭頭綁定座標速查、z 序繪製順序、字號與最小尺寸規範、七類語義配色表。
3、附帶上傳分享鏈接的腳本用法，生成文件後可以進一步得到可分享鏈接。
4、零外部依賴：Skill 標籤 requires_api_key=false，運行時不需要 API 密鑰。

安裝與啓用¶

官方地址：

https://api.skillhub.cn/org-b6kzcl68/excalidraw

SkillHub 頁面：

https://www.skillhub.cn/skills/org-b6kzcl68/excalidraw

Skill 座標：

@org-b6kzcl68/excalidraw

說明：本次覈對時兩個地址都抓取失敗，以上信息來自預先抓取的資料。資料中沒有給出 Cursor、Codex CLI、Claude Code 各自的安裝命令差異，因此這裏不寫未經驗證的命令，具體啓用方式以 SkillHub 頁面說明爲準。

典型用法¶

流程是「寫元素 → 存文件 → 拖入 excalidraw.com」。

1、按 Excalidraw 元素格式編寫 JSON。單個元素的基本字段如下，字段名與取值以 Excalidraw 官方 .excalidraw 格式爲準：

{
  "type": "rectangle",
  "id": "rect1",
  "x": 0,
  "y": 0,
  "width": 200,
  "height": 120,
  "roughness": 1,
  "strokeColor": "#000000",
  "backgroundColor": "transparent",
  "strokeWidth": 1,
  "boundElements": []
}

2、把元素放進 .excalidraw 文件的 elements 數組，保存爲 .excalidraw 文件。
3、把文件拖入 https://excalidraw.com ，即可查看並繼續編輯。
4、需要分享時，按 Skill 內置的上傳分享鏈接腳本用法處理，得到可分享鏈接。

寫作時的要點，正是 Skill 內置的那些規範：容器與標籤的綁定關係、箭頭綁定的座標、元素的 z 序、字號與最小尺寸、以及配色表。這些是手寫 JSON 最容易出錯的地方。

適用場景與注意¶

適合：需要畫架構圖、流程圖、時序圖、概念圖或任何手繪風格示意圖，並希望結果可直接分享的人。因爲是結構化 JSON，也適合放在腳本或倉庫裏批量維護。

注意：

1、圖表靠手寫 JSON 生成，元素的位置、尺寸、綁定關係都要自己寫對。Skill 的作用是給出規範和避坑提示，不是自動排版。
2、內置的綁定、z 序、字號、配色規範要先讀再用，否則容易出現標籤不跟隨容器、箭頭錯位、元素遮擋順序不對的問題。
3、據 SkillHub 頁面，該 Skill 評分 100000，下載 1403，安裝 0，屬於剛上架的 Skill，建議先拿一張小圖驗證流程再批量使用。

結尾¶

Excalidraw手繪圖表的價值在於把畫圖變成寫 JSON：沒有賬號和密鑰門檻，產物是 .excalidraw 文件，拖進 excalidraw.com 就能繼續改、導出、分享。如果你手上有一批需要手繪風格示意圖的場景，可以從這裏開始試。

官方地址：https://api.skillhub.cn/org-b6kzcl68/excalidraw