一句话让AI画完整流程图!这款 Excalidraw 图表生成 Skill 有点东西

说实话,画图这件事,真的很费时间。

流程图、架构图、思维导图……每次想画一个,脑子里想的和最后做出来的总是差一大截。而且有时候就只是想画个简单的示意图,结果打开 PowerPoint 搞了半小时。

今天介绍一个我觉得很值得收藏的 Skill——github/excalidraw-diagram-generator,专门用自然语言帮你生成 Excalidraw 格式的图表文件。

它能做什么?

简单说,你说一句”画一个用户注册流程图”,它就能给你生成一个完整的 .excalidraw 文件,包含所有的步骤框、箭头、决策点,直接拖进 Excalidraw 就能用。

支持的图表类型还挺全的:
流程图(workflow、process、steps)
关系图(系统组件、依赖关系)
思维导图(头脑风暴、概念拆分)
架构图(系统设计、模块交互)
数据流图 DFD(数据加工流程)
泳道图(跨职能流程)
类图(OOP 设计)
时序图(交互时序)
ER 图(数据库实体关系)

使用方式

当你对 AI 说”创建一个用户注册流程图”或”画一个微服务架构图”这类话,它就会自动触发这个 Skill,按照你描述的内容生成 .excalidraw.json 文件。生成之后,去 excalidraw.com 打开,或者用 VS Code 的 Excalidraw 插件直接预览。

生成前它会先理解你的意图,判断用什么类型的图表最合适,然后提取结构化信息(实体、步骤、关系),最后生成符合 Excalidraw 规范的 JSON 文件。每一步都有控制,比如流程图建议 3-10 个步骤、最多 15 个,文字统一用 Excalidont 字体以保证视觉一致。

适合谁用?

产品经理想快速画流程图、开发者想画架构图、团队想整理思路做思维导图——用它都很顺手。不需要你有设计基础,描述清楚就行。生成的图还支持后续手动调整,不会把你锁死在一个不可编辑的状态里。

GitHub 链接
https://github.com/github/awesome-copilot/tree/main/skills/excalidraw-diagram-generator


GitHub: https://github.com/github/awesome-copilot/tree/main/skills/excalidraw-diagram-generator

评论区

0 条评论

登录后可评论。

江望 14 阅读