前言¶

画架构图、流程图时常见的几种做法都有代价：用截图工具手动画，元件位置和连线容易歪；用在线绘图工具，导出和分享往往要登录账号；用渲染库生成的又是整齐的「工程图」风格，拿不到手绘白板的感觉。

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