推荐 3 个 GitHub 画图 Skill，一句话生成流程图、架构图。

最近在 GitHub 上翻到一个画图的 Skill，叫 fireworks-tech-graph，目前已经攒到了 3.6k Star。

这个项目干的事情说白了就是：你用大白话描述一下想要的图，它帮你生成 SVG，再导出成高清 PNG，直接就能塞到博客或者 PPT 里。

我看了一下它的能力矩阵，还挺顶的。

一共支持 14 种图表类型，UML 全家桶都有，还专门做了 AI/Agent 方向的模板。

比如 RAG pipeline、多 Agent 协作流程这种，在国内写 AI 相关内容的场景特别实用。

视觉风格也有 7 种可选，暗黑终端风、科技线稿风、手绘风都能切。

同一张图换个风格再生成一次就行，不用自己动手改样式。

它是个 Claude Code 的 Skill，装起来一行命令:

bash 复制代码

npx skills add yizhiyanhua-ai/fireworks-tech-graph

Mac 上还要 brew install librsvg 装一下底层依赖，用来把 SVG 转成 PNG。

装完之后，直接跟 Claude 说给我画一张 RAG pipeline 的流程图，用暗黑终端风格，几秒钟就给你一张能直接用的图。

arduino 复制代码

开源地址：https://github.com/yizhiyanhua-ai/fireworks-tech-graph

画架构图还有一个很烦人的事，画完之后怎么发给别人看，如果导出图片清晰度可能不够，发 draw.io 文件对方还得装工具。

Cocoon-AI 开源的 architecture-diagram-generator 专门解决这个，Star 也冲到了 3.6k 这个量级。

它的输出形态很有意思，直接给你一个独立的 HTML 文件，里面嵌的是 SVG，双击就能在任何浏览器里打开看。

丢到微信、邮件都不会糊，分享起来相当无脑。

默认风格走的是深色主题，字体用的 JetBrains Mono，出来的图自带设计感，不用自己再去调配色。

这个 Skill 同时兼容 Claude.ai 和 Claude Code。

如果你在用 Claude.ai,直接去 Settings → Capabilities → Skills 把文件传上去就行。Claude Code 用户把文件扔到 ~/.claude/skills/ 下也能直接用。

挺适合那种要给老板或者客户做系统方案汇报的场景，出来的效果看着就挺专业。

bash 复制代码

开源地址：https://github.com/Cocoon-AI/architecture-diagram-generator

GitHub 官方出品，画完还能自己手动改

前面两个项目都是 AI 生成完就定稿了，想微调只能重新 prompt。如果你追求生成之后还能手动改，这个更合适。

它是 GitHub 官方 awesome-copilot 仓库里收录的一个 Skill，放在 skills/excalidraw-diagram-generator 下面。

最大的爽点在输出格式，生成的是 .excalidraw JSON 文件。

把文件拖到 excalidraw.com 里就能打开， 然后所有元素都可以继续编辑。

excalidraw 就是那个 120K Star 的开源在线画板。

改颜色、挪位置、加箭头、删节点，全都没问题。

支持的图表种类也很全，我看了一下一共有 9 种：流程图、关系图、思维导图、架构图、数据流图、泳道图、类图、时序图、ER 图，日常画图基本都覆盖了。

特别值得一提的是它对 UML 关系线做了细致区分，继承、实现、关联、依赖、聚合、组合这几种线型全都按规范来，画类图显得特别专业。

要画云架构还能调 AWS、GCP、Azure 的官方图标库,不用自己再去找素材图。

挺适合需要反复打磨的场景，或者跟同事协作编辑的时候用。

ruby 复制代码

开源地址:https://github.com/github/awesome-copilot/tree/main/skills/excalidraw-diagram-generator