手绘图表:用 Skill 生成手绘风格的 Excalidraw JSON 图

前言

画架构图、流程图时,直接用绘图工具容易显得生硬;手写风格的图更直观,但自己从零画很耗时。下面介绍一个 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。如果需要快速得到可编辑的草稿图,可以按上面的坐标从官方页面了解启用方式。

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

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

小夜