Auto-sync: 2026-04-24 00:02

wiki/sources/fireworks-tech-graph.md

@@ -0,0 +1,49 @@
+---
+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
+- 无冲突内容