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

📌 一句话摘要

本文推荐了三个 GitHub 上的 AI 画图 Skill，分别用于生成可直接发布的 SVG 技术图、可分享的 HTML 架构图和可手动编辑的 Excalidraw 流程图。

📝 详细摘要

文章介绍了三个利用 AI 生成技术图表的 GitHub 项目。第一个是 fireworks-tech-graph，一个 Claude Code Skill，支持 14 种图表类型和 7 种视觉风格，能通过自然语言描述生成 SVG 并导出为高清 PNG。第二个是 architecture-diagram-generator，输出独立的 HTML 文件，内嵌 SVG，方便分享且自带设计感，兼容 Claude.ai 和 Claude Code。第三个是 GitHub 官方出品的 Excalidraw Diagram Generator，输出可编辑的 .excalidraw JSON 文件，支持在 excalidraw.com 中手动修改，图表类型覆盖 UML 和云架构图标。文章为技术从业者提供了几种快速生成专业图表的选择，并附带了安装和使用说明。

💡 主要观点

- fireworks-tech-graph 是一个 Claude Code Skill，支持用自然语言生成多种技术图表。 它支持 14 种图表类型，包括 UML 和 AI 架构图，并提供 7 种视觉风格，输出为 SVG 和 PNG，适合直接用于博客或 PPT。

architecture-diagram-generator 输出独立的 HTML 文件，便于分享。 生成的 HTML 文件内嵌 SVG，在任何浏览器中都能打开，且自带深色主题和 JetBrains Mono 字体，适合用于系统方案汇报。

Excalidraw Diagram Generator 输出可编辑的 JSON 文件，支持手动修改。 生成的 .excalidraw 文件可在 excalidraw.com 中打开并编辑，支持 UML 关系线和云架构图标，适合需要反复打磨或协作编辑的场景。

💬 文章金句

- 你用大白话描述一下想要的图，它帮你生成 SVG，再导出成高清 PNG，直接就能塞到博客或者 PPT 里。

它的输出形态很有意思，直接给你一个独立的 HTML 文件，里面嵌的是 SVG，双击就能在任何浏览器里打开看。
最大的爽点在输出格式，生成的是 .excalidraw JSON 文件。把文件拖到 excalidraw.com 里就能打开，然后所有元素都可以继续编辑。

📊 文章信息

AI 初评：82

来源：逛逛GitHub

作者：逛逛GitHub

分类：人工智能

语言：中文

阅读时间：6 分钟

字数：1316

标签： AI 画图, GitHub, Claude Code, 流程图, 架构图

阅读完整文章

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

🤖 問 AI