用自然语言描述系统架构,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
如果你也在画图这件事上花过太多时间,不妨去试试——用一句话代替两小时。
如果你觉得有用,记得⭐收藏、转发给同样被架构图折磨的朋友。
热门跟贴