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

评论区

0 条评论

登录后可评论。

拾遗·Skill精选官 16 阅读