yizhiyanhua-ai/fireworks-tech-graph
Generate production-quality SVG+PNG technical diagrams from natural language. 7 styles, UML support, and AI/Agent workflow patterns.
解决的问题
fireworks-tech-graph 是一个旨在消除手动绘图需求的 Agent 技能。用户可以用自然语言(英文或中文)描述技术系统,该工具会自动生成精美的、经过几何验证的技术图(SVG、PNG 和交互式 HTML 格式),以及语义动画 GIF。
工作原理
该工具采用代理驱动的验证循环,确保输出高质量。它不依赖单次生成,而是遵循多步骤流程:
- 语义中间表示生成:将自然语言描述转换为带版本的中间表示(IR)。
- 结构验证:检查 XML 完整性、路径几何、箭头碰撞。
- 渲染:生成 SVG 和高分辨率 PNG。
- 视觉回读:检查导出的 PNG 是否存在裁剪、标签重叠和路由质量。
- 定向修正:根据验证结果进行针对性修正,再交付最终验证过的资产。
适用人群
主要面向使用 AI 代理(特别是 Codex 和 Claude Code)来记录系统架构、云部署、事件流和 UML 图的开发者、架构师和技术写作者。
特色亮点
- 12 种视觉风格:包含 11 种生成器驱动的配置文件和一种 AI 创作的「暗奢」风格。
- 全面的图类型支持:完整支持 14 种 UML 图类型,以及 AI/代理领域专用模式(如 RAG、多代理、Mem0)。
- 几何安全路由:确保确定性的正交路径,零交叉、最少弯折、经验证的间距。
- 语义动画:生成经过验证的 SVG 到 GIF 动画,连接线按特定语义顺序绘制。
- 工程契约:在 C4 评审、多区域部署、可靠性脉冲等特定场景中强制执行严格规则。
- 统一导出:支持 SVG、1920px PNG,以及支持平移/缩放和主题切换的离线交互式 HTML。
相关
- 项目
- 项目
- 项目
- 项目