画技术架构图是开发者日常工作中最"耗时但必须做"的任务之一。Mermaid 和 PlantUML 解决了"用代码画图"的问题，但输出的图表往往不够精美，难以直接用于文档或演示。2026 年 4 月 10 日，一个名为 Fireworks Tech Graph 的 Claude Code Skill 在 GitHub 上线，承诺用自然语言描述就能生成出版级的 SVG + PNG 技术图表——上线仅 3 天就收获了 1562 颗星。
它能做什么
Fireworks Tech Graph 的核心能力是将自然语言描述转换为高质量的技术图表。你只需要告诉 Claude "画一个 RAG 系统的架构图"，它就会生成一个带有语义化形状、精确箭头和一致布局的 SVG 文件，然后通过 rsvg-convert 导出为 1920px 的 PNG。
具体支持的图表类型覆盖了完整的 UML 体系以及 AI/Agent 领域的专用模式：
- 14 种 UML 图类型：类图、序列图、活动图、用例图、状态图等标准 UML 全集
- AI/Agent 专用模式：RAG 架构、Agentic Search、Mem0 记忆层、Multi-Agent 协作、Tool Call 流程
- 40+ 产品图标：内置 OpenAI、Anthropic、Pinecone、Kafka、PostgreSQL 等流行工具的品牌图标
7 种视觉风格
这是 Fireworks Tech Graph 区别于 Mermaid/PlantUML 的最大亮点。它提供了 7 种精心设计的视觉风格，每种都有独特的配色和排版逻辑：
- Flat Icon — 扁平化图标风格，适合技术博客和文档
- Dark Terminal — 深色终端风格，适合面向开发者的演示
- Blueprint — 蓝图风格，适合架构评审会议
- Notion Clean — 极简风格，适合 Notion 文档嵌入
- Glassmorphism — 毛玻璃效果，适合产品演示
- Claude Official — Anthropic 官方配色
- OpenAI Official — OpenAI 官方配色
安装与使用
作为 Claude Code Skill，安装只需一行命令：
npx skills add yizhiyanhua-ai/fireworks-tech-graph
安装后在 Claude Code 中直接使用自然语言描述即可触发图表生成：
画一个 RAG 系统架构图，包含用户查询、Embedding 模型、向量数据库、
LLM 生成和结果返回的完整流程，使用 Dark Terminal 风格
Skill 会自动生成 SVG 源文件（可编辑）和 PNG 导出文件（可直接使用）。
为什么爆火
Fireworks Tech Graph 上线后在 Twitter 上的一条推广帖获得了 20 万次曝光、近 2000 个点赞和 2670 次收藏。分析其爆火原因：
- 痛点精准：开发者确实需要好看的技术图表，现有工具要么不够美观，要么需要学习专用语法
- AI 原生：不需要学习任何 DSL，用自然语言描述就够了
- 出品质量高：7 种风格都经过精心设计，输出质量远超 Mermaid 默认样式
- AI 领域深度支持：对 RAG、Agent、Tool Call 等 AI 时代的架构模式有深入理解，能生成语义准确的图表
与同类工具对比
| 工具 | 输入方式 | 输出质量 | AI 领域支持 | 价格 |
|---|---|---|---|---|
| Fireworks Tech Graph | 自然语言 | 出版级 | 深度支持 | 免费（MIT） |
| Mermaid | DSL 语法 | 中等 | 无 | 免费 |
| PlantUML | DSL 语法 | 中等偏上 | 无 | 免费 |
| Excalidraw | 手绘 | 手绘风格 | 无 | 免费 |
| draw.io | GUI 拖拽 | 高 | 无 | 免费 |
Fireworks Tech Graph 的独特定位是"AI 原生 + 出版级输出 + AI 领域深度理解"的组合，这在当前工具生态中几乎没有竞品。
局限与展望
- 依赖 Claude Code：目前仅作为 Claude Code Skill 运行，无法在其他 AI 编辑器中使用
- 无实时预览：不像 Mermaid 那样可以在编辑器中实时预览，需要等待生成完成
- 自定义样式有限：7 种预设风格之外的定制能力有限
作为一个 MIT 开源项目，社区贡献有望补齐这些短板。对于经常需要画技术架构图的 AI 从业者来说，Fireworks Tech Graph 值得尝试。
总结
Fireworks Tech Graph 证明了 Claude Code Skill 生态的潜力——一个好的 Skill 可以把 AI 编码助手变成专业的技术图表设计师。它的 7 种视觉风格和对 AI 架构的深度理解，让"用自然语言画出版级技术图"成为了现实。3 天 1500 星的增长速度，说明开发者社区对这类工具有着真实且强烈的需求。
评论