Claude Code 说句话,架构图就出来了:这个 Excalidraw Skill 有点东西
Claude Code 说句话,一张架构图就出来了
你有没有过这种经历——脑子里有张架构图,描述了半天,AI 还是给你一堆文字,想让它画出来又不知道怎么开口?
现在 Claude Code 直接能画了。
excalidraw-diagram-generator 这个 Skill,专注做一件事:把你说的自然语言变成可编辑的 Excalidraw 图。流程图、架构图、思维导图、ER 图、时序图……全支持。生成的不是一个截图,是完整的 .excalidraw JSON 文件,直接在 Excalidraw 里打开继续改,风格统一、布局干净。
装完就能用,不需要任何配置
一行命令搞定安装:
npx skills add https://github.com/AkashAi7/awesome-copilot
--skill excalidraw-diagram-generator
然后直接跟 Claude 说:
用 excalidraw-diagram-generator 生成一个手绘风格的微服务架构图,包含 API Gateway、User Service、Order Service、Database,用 AWS 图标。
Claude 就会输出完整的 .excalidraw 文件,保存到本地,用 Excalidraw 打开就是一张带 AWS 图标、手绘风格、箭头连线精准的架构图。
支持三种输出模式
- 标准模式:普通矢量风格,适合内部文档
- 手绘模式:线条粗糙化处理,看起来像白板手绘,适合分享和演示
- 动画模式:支持渐进式动画,适合做演示讲解
覆盖的场景很全面
- 业务逻辑流程图(用户注册、审批流、订单流程)
- 云架构图(AWS、GCP、Azure 图标库)
- ER 图和类结构图(数据库设计)
- 系统架构图(模块边界、依赖关系)
- 时序图(API 调用链路)
- 思维导图(头脑风暴、概念梳理)
为什么值得装
很多 AI 画图工具输出的是图片,没法继续编辑。这个 Skill 输出的 .excalidraw 文件是标准的、可编辑的 JSON——意味着你在 Claude 里生成初稿,拿到 Excalidraw 继续细化,风格保持一致。
做技术文档、写 RFC、设计评审,不用再开绘图软件,直接在 Claude 对话里搞定初稿,复制粘贴到 Excalidraw 做最后调整。全程不用离开终端。
GitHub 安装地址:https://github.com/AkashAi7/awesome-copilot/tree/main/skills/excalidraw-diagram-generator
GitHub: https://github.com/AkashAi7/awesome-copilot/tree/main/skills/excalidraw-diagram-generator
评论区
登录后可评论。