63
// 项目简介
fireworks-tech-graph 使用户能够直接从自然语言描述中生成专业的 SVG 和 PNG 技术图表。该工具支持 14 种 UML 图表类型，并包含 7 种专为各种文档需求量身定制的独特视觉风格。它专门针对 AI 和基于 agent 的领域模式进行了优化，无需手动绘图即可实现快速可视化。
// 技术分析
fireworks-tech-graph 是一款专门设计的工具，旨在通过将自然语言描述转换为专业级的 SVG 和 PNG 资产，实现技术图表创建的自动化。其设计理念以语义一致性为核心，利用预定义的形状和箭头样式词汇表，确保 RAG 流水线或多智能体架构等技术概念在视觉上准确且标准化。通过 CLI 直接集成到开发工作流中，它消除了手动绘制图表的工作量，并提供从极简主义到品牌特定美学等七种不同的视觉风格。
// 核心亮点
01
支持 14 种 UML 图表类型以及 RAG 和 Mem0 架构等专门的 AI/Agent 领域模式。
02
提供七种不同的视觉风格，包括 Dark Terminal、Blueprint 以及针对 Claude 和 OpenAI 的品牌特定美学。
03
实现了语义形状和箭头词汇表，可自动将技术含义编码到视觉表示中。
04
使用 rsvg-convert 生成可用于发布的 1920px PNG 导出文件，确保无压缩伪影的高分辨率输出。
05
具有可执行的样式系统，其中设计规则被编码到生成器中，以获得一致且经过回归测试的结果。
06
包含一个拥有超过 40 个产品图标的库，并为常见的 AI、数据库和基础设施工具提供品牌准确的颜色。
// 典型使用场景
01
为 RAG 或多 agent 工作流等 AI 和基于 agent 的系统生成架构图。
02
创建包括序列图、类图和部署图在内的可发布级 UML 图表。
03
为文档、博客和演示文稿制作高分辨率、品牌化的技术插图。
// 快速开始
首先，使用命令 'npx skills add yizhiyanhua-ai/fireworks-tech-graph' 安装该技能，并确保您的系统上安装了 'librsvg' 以进行 PNG 转换。然后，您可以通过提供自然语言提示（例如 'Draw a RAG pipeline flowchart'）或使用 '--style glassmorphism' 等标志指定样式来生成图表。