Claude Code 画不好图？？这个6k star 的项目让你原地起飞。

今天看到了一个这个项目：

yizhiyanhua-ai/fireworks-tech-graph

fireworks-tech-graph 项目预览

1. 它到底是什么

fireworks-tech-graph 是一个给 Claude Code 用的画图 skill。

它做的事很直接：

你用自然语言描述一个系统。

它按内置规则生成 SVG 技术图。

再导出成高分辨率 PNG。

比如 README 里给的例子是：画一张 Mem0 记忆架构图，暗黑风格。它会识别成 memory architecture diagram，套上对应布局，再输出 SVG 和 PNG。

Claude 风格系统架构图

它不是普通画布工具。

也不是 Agent 执行框架。

更准确地说，它是一个“把 AI/Agent 系统描述翻译成可发布技术图”的规则包。

2. 它解决什么麻烦

写 AI 应用时，经常会遇到一件小麻烦：

系统说得清楚，图画得很慢。

RAG、Agentic Search、Tool Call、Memory、Multi-Agent，这些东西一旦画成架构图，就会有很多重复结构。

用户、LLM、Agent、工具、向量库、Graph DB、Memory Store。

每次都手动摆节点、调箭头、改样式，很耗人。

RAG / Tool Call 暗黑风格图

这个项目的思路是：

不要先打开画图软件。

先把图的结构说出来。

再让 skill 按图类型、风格、语义形状和箭头规则去生成。

这对写技术文档、README、方案说明、内部评审材料，挺实用。

3. 核心看点

第一个看点，是它内置了 7 种视觉风格。

白底扁平图标、暗黑终端、工程蓝图、Notion 极简、玻璃态、Claude 风格、OpenAI 风格。

不是只换颜色。

每种风格都有自己的布局、字体、背景、箭头和图形习惯。

扁平图标风 Mem0 架构图

第二个看点，是它把 AI/Agent 领域的常见结构写进去了。

README 里明确列了 RAG、Agentic Search、Mem0、Multi-Agent、Tool Call flow。

它知道 LLM、Agent、Memory、Tool、Vector Store 这些节点应该怎么表达。

比如 LLM 用双边框圆角矩形，Agent 用六边形，向量库用带内环的圆柱。

工程蓝图风微服务架构图

第三个看点，是输出比较工程化。

它支持 SVG 和 PNG。

PNG 默认按 1920px 宽度导出，适合直接放进文章或文档。

渲染器也给了选择：推荐 cairosvg，也支持 rsvg-convert 和 puppeteer。

4. 为什么值得看

我觉得它有意思的地方，是它没有把“AI 画图”做成一个网页产品。

它把能力放进 skill 里。

也就是放进开发者正在写代码、写文档、整理方案的地方。

Notion 极简风 Agent 记忆类型图

它的仓库也不只是 README 展示图。

里面有 SKILL.md、references/、templates/、fixtures/、scripts/、assets/。

SKILL.md 里写了完整工作流：先判断图类型，再抽结构，再规划布局，再加载对应风格参考，最后校验 SVG、导出 PNG。

这说明它不是只靠一句提示词碰运气。

它更像是把“怎么画一张稳定的技术图”拆成一套可重复的规则。

玻璃态 Multi-Agent 协作图

它现在有 6,683 个 star，594 个 fork。

仓库是 MIT License。

README 同时有英文版和中文版。

这些信号至少说明，这个项目不是只给作者自己看的小脚本。

5. 怎么用起来

README 里给的安装方式是：

npx skills add yizhiyanhua-ai/fireworks-tech-graph

注意这里用的是 GitHub 仓库路径。

README 还专门提醒，不要把 npm 包名直接拿去 skills add。

如果要更新，可以重新执行：

npx skills add yizhiyanhua-ai/fireworks-tech-graph --force -g -y

Claude 官方风格系统架构图

然后再装一个 PNG 渲染器。

README 推荐的是：

pip install cairosvg

用起来就是直接描述图。

比如：

画一张 RAG 流程图

或者：

画一张 multi-agent collaboration 图，style 5

它会按触发词识别画图需求，再根据图类型和风格生成。

6. 适合谁，以及先注意什么

它适合经常写 AI 技术文档的人。

比如做 RAG 应用、Agent 平台、内部 Copilot、AI IDE、模型调用网关、工具调用链路。

这些系统讲起来都不难。

难的是给别人看时，要有一张清楚的图。

OpenAI 官方风格 API 集成流程图

也适合需要快速出方案图的开发者。

你可以先用它出一版结构图，再手动微调。

要注意的是，它还是一个生成技术图的 skill。

不是完整设计工具。

复杂到每个像素都要对齐的品牌稿，还是要进专业设计工具里收尾。

另外，PNG 导出依赖本地渲染器。

如果机器上没有 cairosvg、rsvg-convert 或 puppeteer，就先把渲染环境装好。

今天就先聊到这里，我们下期再见。