---
title: "fireworks-tech-graph"
type: source
tags: []
date: 2026-04-18
---

## Source File
- [[raw/Skills/fireworks-tech-graph.md]]

## Summary（用中文描述）
- 核心主题：用自然语言描述系统，几秒内生成可直接发布的 SVG + PNG 技术图
- 问题域：技术文档/博客/演示缺乏高质量可视化图表，手动绘图耗时且风格不统一
- 方法/机制：内置 7 种视觉风格（扁平图标/暗黑极客/工程蓝图/Notion极简/玻璃态/Claude官方/OpenAI官方）、14 种 UML 图类型、AI/Agent 领域内建 Pattern，通过 `rsvg-convert` 导出 1920px PNG
- 结论/价值：AI Agent 可快速生成专业级技术图，无需手动绘制，支持 SVG 可编辑 + PNG 无损发布

## Key Claims（用中文描述）
- fireworks-tech-graph 将自然语言描述转化为精美的 SVG 技术图，通过 rsvg-convert 导出高分辨率 PNG
- 内置 7 种视觉风格，深度覆盖 AI/Agent 领域常见图类型（RAG、Agentic Search、Mem0、Multi-Agent、Tool Call 流程等）
- 完整支持全部 14 种 UML 图类型
- AI/Agent 领域内建知识：RAG、Agentic Search、Mem0、Multi-Agent、Tool Call 等常见 Pattern 开箱即用
- 语义形状词汇表：LLM = 双边框圆角矩形，Agent = 六边形，Vector Store = 带内环圆柱
- 语义箭头系统：颜色 + 虚线样式编码含义（写入/读取/异步/循环）
- SVG + PNG 双输出：SVG 可编辑，1920px PNG 可直接嵌入文章

## Key Quotes
> "不用手画图了。用中文描述你的系统，几秒钟得到可直接发布的 SVG + PNG 技术图。" — 项目 tagline
> "所有示例图均以 1920px 宽度（2× 视网膜分辨率）通过 rsvg-convert 导出为 PNG 格式。技术图应选 PNG（无损），JPG 有损压缩会在文字和线条边缘产生噪点。" — 导出格式建议

## Key Concepts
- [[技术图生成]]：用自然语言生成 SVG/PNG 格式的技术架构图、流程图、UML 图
- [[7种视觉风格系统]]：扁平图标风（默认）、暗黑极客风、工程蓝图风、Notion极简风、玻璃态卡片风、Claude官方风格、OpenAI官方风格
- [[语义形状词汇表]]：每种概念类型（LLM/Agent/VectorStore/工具等）对应特定 SVG 形状
- [[语义箭头系统]]：颜色 + 虚线样式编码数据流向（主数据流/控制触发/记忆读取/记忆写入/异步/反馈循环）
- [[14种UML图]]：类图/组件图/部署图/包图/复合结构图/对象图/用例图/活动图/状态机图/序列图/通信图/时序图/交互概览图/ER图

## Key Entities
- [[fireworks-tech-graph]]：Claude Code Skill，将自然语言转化为 SVG 技术图，支持 7 种风格和 14 种 UML 图类型
- [[rsvg-convert]]：librsvg 工具，用于将 SVG 渲染为高分辨率 PNG

## Connections
- [[fireworks-tech-graph]] ← uses ← [[语义形状词汇表]]
- [[fireworks-tech-graph]] ← uses ← [[语义箭头系统]]
- [[fireworks-tech-graph]] ← implements ← [[7种视觉风格系统]]
- [[fireworks-tech-graph]] ← supports ← [[14种UML图]]
- [[fireworks-tech-graph]] ← outputs ← [[rsvg-convert]]

## Contradictions
- 无冲突内容