为什么需要
出海做产品,技术文档和架构图是必备的。给投资人看的 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 是无损格式,适合技术图表
- 图表质量取决于描述的精确度,模糊的描述会生成通用模板
- 复杂架构图建议先描述清楚模块和关系,再指定风格