用自然语言描述系统架构,AI 自动生成出版级 SVG+PNG 技术图。支持 7 种视觉风格、14 种 UML 图、AI/Agent 领域模式,上线一个月星标逼近 6500

你写过这样的代码吗?

花了三天写完架构,但画架构图又花了两天。

不是 draw.io 拉对齐,就是 Mermaid 写 DSL,图是画完了,但看着像 90 年代的技术文档。

如果你也有这种痛苦,今天这个开源项目,正是为你准备的。

一句话画图,全程不用动手

打开网易新闻 查看精彩图片

这是 fireworks-tech-graph 的核心能力:自然语言描述你的系统,AI 自动生成出版级技术图。

不是像 Mermaid 那样写一堆 DSL 代码,而是——

"Draw a Mem0 memory architecture diagram with vector store, graph DB, KV store, and memory manager"

就这么一句,直接出图。

项目上线 GitHub 仅一个月,星标已破 6500,涨幅惊人。

7 种视觉风格,总有一款适合你

不是千篇一律的白色框图。项目内置了7 种专业视觉风格

风格

名称

最佳用途

Style 1

Flat Icon

博客、幻灯片、文档

Style 2

Dark Terminal

GitHub README、技术文章

Style 3

Blueprint

架构文档、工程团队

Style 4

Notion Clean

内部 Wiki、Confluence

Style 5

Glassmorphism

产品官网、Keynote

Style 6

Claude Official

Anthropic 风格、暖色调

⚪ Style 7

OpenAI Official

OpenAI 风格、极简现代

每种风格的配色、字体、图标体系都经过精心设计,输出即出版级

不止是图,更是语义系统

普通画图工具只知道"框"和"线"。但这个项目懂技术语义

形状即语义:

  • LLM → 双边框圆角矩形 + 闪电图标
  • Agent → 六边形
  • 向量数据库 → 带内环的圆柱
  • 决策节点 → 菱形

箭头即语义:

  • 实线 → 主数据流
  • 虚线 → 写操作
  • 点线 → 异步事件
  • 曲线 → 反馈循环

内置 40+ 产品图标:OpenAI、Anthropic、Pinecone、Weaviate、Kafka、PostgreSQL……品牌色都配好了。

14 种 UML + AI 模式全覆盖

支持全部 14 种 UML 图类型:类图、组件图、部署图、时序图、状态机、ER 图等。

但真正让人眼前一亮的是AI/Agent 领域内置模式

RAG Pipeline         → Query → Embed → VectorSearch → Retrieve → LLM → ResponseAgentic RAG          → 增加 Agent 循环 + Tool 调用Mem0 Memory Layer    → Input → Memory Manager → [VectorDB + GraphDB] → ContextMulti-Agent          → Orchestrator → [SubAgent×N] → Aggregator → OutputTool Call Flow       → LLM → Tool Selector → Execution → Parser → LLM(循环)

画 AI 架构图?直接说名字,图就出来了。

对比:为什么它比 Mermaid 和 draw.io 更好?

特性

Mermaid

draw.io

fireworks-tech-graph

自然语言输入

AI/Agent 模式

多种视觉风格

手动调

✅ 7套内置

高清 PNG 输出

手动

✅ 自动 1920px

语义箭头配色

手动

✅ 全自动

无需在线工具

Mermaid 适合在 Markdown 里快速画简单图,draw.io 适合手动精调。

fireworks-tech-graph 的核心定位是:描述系统,立刻得图,不需要学 DSL 语法,也不需要在 GUI 里拖拽对齐。

安装和使用

安装极其简单:

# 安装(Claude Code 技能)npx skills add yizhiyanhua-ai/fireworks-tech-graph# 安装 PNG 渲染器(推荐)pip install cairosvg

使用方式:

# 直接描述Draw a RAG pipeline flowchart# 指定风格Draw a microservices architecture diagram, style 2 (dark terminal)# 指定输出路径Generate a Mem0 architecture diagram, output to ~/Desktop/

支持三种渲染器:cairosvg(推荐)、rsvg-convert(轻量)、puppeteer(像素级精确)。

一点思考

这个项目最有趣的地方,不是它有多会"画图"。

而是它把画图这件事,从一个手工活变成了一条自动化的流水线:语言 → 结构 → 构图 → SVG → PNG,每一步都有约束、有校验、有风格体系。

正如作者在案例研究中说的:

"稀缺的能力不是提示词,而是把模型周围的空间产品化。"

对于每天都在写文档、画架构图的技术团队来说,这可能是未来两三年里真正能提效的工具。

项目地址:github.com/yizhiyanhua-ai/fireworks-tech-graph

如果你也在画图这件事上花过太多时间,不妨去试试——用一句话代替两小时。

如果你觉得有用,记得⭐收藏、转发给同样被架构图折磨的朋友。