← 工具

Fireworks Tech Graph

自然语言生成专业技术架构图的 AI 工具,7 种视觉风格、14 种 UML 图表类型,描述一句话出 SVG+PNG,Stars 5.4K+

#31
推荐排名
5,493
GitHub Stars
8,569.1
推荐得分
技术架构图生成 / 产品文档可视化
适用场景
开发工具AI应用文档自动化

为什么需要

出海做产品,技术文档和架构图是必备的。给投资人看的 pitch deck、给用户看的产品文档、给开发者看的 API 说明,都需要专业的技术图表。手动画图用 Excalidraw 或 draw.io,费时间还不好看。Fireworks Tech Graph 让你用自然语言描述,直接生成出版级 SVG + PNG 图表。

怎么用

作为 Claude Code Skill 安装后,直接在会话里描述你要的图:

text
生成一个 RAG 系统架构图,暗色风格
画一个用户认证流程的时序图
做一个微服务部署架构的 C4 图

支持 7 种视觉风格:扁平图标(默认)、暗色、科技感、手绘、简约、彩色、专业。

支持 14 种 UML 图表类型:类图、时序图、用例图、活动图、状态图、组件图、部署图、对象图、包图、通信图、交互概览图、定时图、Profile 图、复合结构图。

还内置了 AI/Agent 领域的常见模式:RAG 流程、Agentic Search、Mem0 记忆架构、多 Agent 协作、Tool Call 调用链。

使用案例

做一个 SaaS 产品的技术文档,需要 5 张架构图。用 Fireworks Tech Graph:描述每张图的内容和风格,AI 生成 SVG 源文件 + 1920px PNG 导出。整个过程 15 分钟,效果可以直接放进文档站。手动用 Excalidraw 画,同样的质量至少要 2 小时。

注意事项

  • 免费开源,MIT 协议
  • 需要 Claude Code 环境(作为 Skill 使用)
  • 输出为 SVG + PNG(通过 rsvg-convert),PNG 是无损格式,适合技术图表
  • 图表质量取决于描述的精确度,模糊的描述会生成通用模板
  • 复杂架构图建议先描述清楚模块和关系,再指定风格