自然语言一句描述，AI自动生成出版级SVG架构图！一天暴涨6000星

用自然语言描述系统架构，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

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

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