用嘴画图！Claude 一句话生成 Excalidraw 手绘风格图表，支持 9 种类型

每次要做技术架构图、流程图，第一反应就是头疼——用专业工具嫌麻烦，手画又太丑，还要调样式。设计师朋友给我推荐了一个 Claude Skill，装上之后我跟 AI 说一句话，它直接给我生成一张 Excalidraw 手绘风格图，导出就能用，效率直接翻倍。

一句话生成各种图

这个 Skill 叫 excalidraw-diagram-generator，来自 GitHub 官方的 awesome-copilot 仓库。它把自然语言直接转成 Excalidraw 的 JSON 文件，支持的图类型非常全：

• 📊 Flowcharts：流程图、决策树、步骤图
• 🔗 Relationship Diagrams：实体关系图、系统组件依赖图
• 🧠 Mind Maps：思维导图、头脑风暴整理
• 🏗️ Architecture Diagrams：系统架构图、模块交互图
• 📈 DFD：数据流图
• 🏊 Swimlane：跨职能流程图（泳道图）
• 📦 Class Diagrams：面向对象类图
• 🔄 Sequence Diagrams：序列图
• 🗃️ ER Diagrams：数据库 ER 图

实际效果怎么样

我让它画一个「用户下单流程」——从浏览商品、加购物车、填写地址到支付发货。几秒钟出了一张完整的泳道图，每个泳道对应用户、订单系统、支付系统三个角色，箭头清晰，手绘风格很自然。

又让它画了一个微服务架构图，输出了 JSON 文件，直接拖进 Excalidraw 打开就是成品。设计素材、PPT 配图、技术文档插图——全都能 cover。

怎么安装使用

在 Claude Code 或支持 Agent Skills 的环境里，运行：

npx skills add https://github.com/github/awesome-copilot --skill excalidraw-diagram-generator

装完之后，直接说「帮我画一个 XXX 流程图」「用 Excalidraw 画一个 XXX 架构图」，Claude 就会输出 .excalidraw 文件，在 Excalidraw 打开或用 VS Code 插件查看都行。

适合谁用

这个 Skill 特别适合需要频繁画技术图的设计师和开发者——不用学复杂工具，不用手动排版，用嘴就能生成手绘风格的专业图表。写文档、做 PPT、画技术方案，直接 say goodbye to Visio。

🔗 GitHub 仓库直达

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