这是什么
这是 GitHub 上又冒出一个和diagram skill类似的选手 fireworks-tech-graph，Star 已经到 1.1 万。
fireworks-tech-graph 强在 SVG 几何校验，零交叉、每条线最多两个折点、节点间距至少 40 像素，渲染前先跑校验器，PNG 还要视觉回读，最多经过两轮修正后就会给你输出 SVG 和 1920 像素 PNG。
实际运行效果
安装好fireworks-tech-graph后，在对话框直接输入：帮我画一个 RAG 流水线，Dark 风格。
Skill 先进行意图识别，判断图类型和风格，再生成带泳道、语义箭头的 SVG，默认情况导出 PNG图片，你也可以告诉Agent想要的格式。
和 diagram-design 的 HTML 画廊相比，fireworks-tech-graph 更偏工程交付。
纯内联 SVG，不拉外部字体，cairosvg 或 rsvg-convert 都能渲染，丢进 Figma 或幻灯片也顺手。
官网示例中有 12 种风格，每种风格展示不同 AI 场景，Mem0 记忆架构、Multi-Agent 协作、Checkout 事件流都有动图样例，扫一眼就知道风格差异。
图表能力
十二种视觉风格
11 种走生成器，Style 8 Dark Luxury 是 AI 手绘风。
Flat Icon、Dark Terminal、Blueprint、Notion Clean、Glassmorphism、Claude Official、OpenAI Official 都覆盖了。
Style 9 到 12 还绑了 C4 评审、云部署、事件流、可靠性排查四套工程语义契约，做 ADR 或 SRE 复盘可以直接套场景。
十四种 UML 图类型
类图、组件图、部署图、序列图、状态机、ER 图等标准 UML 全支持。
另外内置 RAG、Agentic Search、Mem0、Multi-Agent、Tool Call 等 AI/Agent 场景模板，不用自己从零描述形状规范。
说「画架构图」「生成时序图」「帮我出图」这类中英文短语都会触发，对中文用户比较友好。
几何校验闭环
模型说画好了不算数。
项目走 Prompt、语义 IR、路由规划、SVG 构建、结构校验、PNG 回读、定向修正 这条链路。
README 写得很细，零交叉、零桥接、每条边最多两个弯折、节点间距至少 40px，这些预算没过就不算交付。
默认最多两轮视觉修正，validation 和 visual_review 状态都会写进报告。
SVG 之外还能导出 GIF 和离线 HTML
GIF 默认 960px 宽、5.75 秒、20fps、115 帧，连接线按语义顺序绘制，结构画完还会留两秒数据流动效。
HTML 导出带平移缩放、明暗主题，还能复制 SVG 源码，最高 4 倍分辨率下载 PNG 或 WebP。
安装流程
