跟AI说一句话,自动吐出可编辑的Excalidraw流程图——GitHub官方出的这个Skill救我狗命

说真的，每次开会要画流程图我都想原地爆炸——拖框、拉线、调字号、对齐到强迫症发作。今天给大家挖到一个 Claude Skill，装上之后只要对 Claude 说一句「帮我画个 XX 流程图」，它就能直接吐出可编辑的 .excalidraw 文件，省掉你 80% 的手动绘图时间。

这个 Skill 叫 excalidraw-diagram-generator，来自 GitHub 官方的 awesome-copilot 仓库。核心能力一句话总结：把自然语言描述 → 自动生成 Excalidraw 格式的图表 JSON。

它能画什么？

覆盖了日常 90% 的图表场景：

• 📊 流程图（Flowchart）：顺序流程、决策树
• 🔗 关系图（Relationship）：实体关系、系统组件
• 🧠 思维导图（Mind Map）：头脑风暴、概念拆解
• 🏗️ 架构图（Architecture）：系统设计、模块交互
• 📈 数据流图（DFD）：数据流转、加工过程
• 🏊 业务流程图（Swimlane）：跨部门协作流程
• 📦 类图 / 时序图 / ER 图：开发同学最爱的 UML 三件套

触发方式极其口语化，只要你说「Create a flowchart for…」「Draw the architecture of…」「Mind map about…」它就会自动识别你要哪种图。

比 Mermaid 强在哪？

肯定有人要问：Mermaid 也能画流程图啊？区别在于——Excalidraw 是手绘风格的，比 Mermaid 那种生硬的方块图好看太多，而且生成出来的是 .excalidraw 文件，你可以继续在 Excalidraw 里手动微调，不是死图。

更炸裂的是它支持 AWS / GCP / Azure 架构图标库：只要导入对应的 .excalidrawlib，就能画出带专业云服务图标的架构图，而不是干巴巴的矩形框。Skill 里直接给你提供了 Python 脚本（add-icon-to-diagram.py 和 add-arrow.py），自动处理坐标和 ID 生成，避免 token 浪费——这点设计很贴心。

实操姿势

1. 把 Skill 文件夹拷到 Claude Code 的 ~/.claude/skills/ 下
2. 对 Claude 说：「画一个用户注册的流程图」
3. Claude 会输出 .excalidraw 文件，拖到 excalidraw.com 直接打开
4. 继续手动改改改 → 截图发周报 / 贴 PPT / 推 GitHub README

几个真香的细节

• 颜色方案内置（主元素浅蓝 #a5d8ff、重要节点黄色 #ffd43b），不会画出五颜六色的土味配色
• 所有文本统一用 Excalifont，视觉效果一致
• 超过 20 个元素会主动建议你拆图，不会硬塞成一坨
• 配套有 schema 参考 + 模板 JSON（flowchart / relationship / mindmap），想魔改的同学可以直接 fork

谁该用？

• 产品经理：周末被催周报的画图党
• 后端 / 架构师：要画系统拓扑、ER 图、时序图的人
• 写技术博客 / README 的开发者：嫌 mermaid 图丑的
• 任何要开会但没空拉 Visio / draw.io 的人

GitHub 仓库（20k+ stars）：github/awesome-copilot – excalidraw-diagram-generator

最后小提醒：生成的不是 PNG，是 JSON 文件——意味着你交付的是「可编辑的源文件」，同事拿到还能继续改，而不是一张死图。这点对协作党来说真的香。

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