3.1 KiB
3.1 KiB
title, type, tags, date
| title | type | tags | date |
|---|---|---|---|
| fireworks-tech-graph | source | 2026-04-18 |
Source File
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
- 无冲突内容