diff --git a/AI工程/fireworks-tech-graph技术图表.md b/AI工程/fireworks-tech-graph技术图表.md new file mode 100755 index 0000000..5b86d7a --- /dev/null +++ b/AI工程/fireworks-tech-graph技术图表.md @@ -0,0 +1,154 @@ +# fireworks-tech-graph 技术图表生成 Skill + +> 自然语言描述生成专业 SVG+PNG 技术图表 +> +> 归档:2026-04-22 + +--- + +## 项目信息 + +| 项目 | 数据 | +|------|------| +| **仓库** | https://github.com/yizhiyanhua-ai/fireworks-tech-graph | +| **Stars** | ⭐ 4,168 | +| **Forks** | 364 | +| **最后更新** | 2026-04-20 | +| **许可证** | MIT | +| **定位** | Claude Code 专用 Skill | + +--- + +## 核心功能 + +| 功能 | 说明 | +|------|------| +| 🗣️ **自然语言驱动** | 直接用中文/英文描述图表,无需拖拽 | +| 📐 **8 种图表类型** | UML 全部 14 种 + AI/Agent 专用图 | +| 🎨 **7 种视觉风格** | Flat、Dark、Blueprint、Notion、Glass、Claude官方、OpenAI官方 | +| 🖼️ **SVG + PNG 输出** | SVG 可编辑,PNG 1920px 高清 | +| 🤖 **AI/Agent 领域知识** | 内置 RAG、Mem0、Multi-Agent、Tool Call 等模式 | + +--- + +## 7 种视觉风格 + +| # | 风格 | 适用场景 | +|---|------|---------| +| 1 | Flat Icon | 扁平化产品文档 | +| 2 | Dark Terminal | 暗黑终端风格 | +| 3 | Blueprint | 工程蓝图风格 | +| 4 | Notion Clean | 极简白底 | +| 5 | Glassmorphism | 磨砂玻璃风格 | +| 6 | Claude Official | Anthropic 品牌色 | +| 7 | OpenAI Official | OpenAI 品牌色 | + +--- + +## AI/Agent 领域专用图案 + +| 图案类型 | 说明 | +|---------|------| +| RAG | 检索增强生成流程 | +| Mem0 | 记忆架构 | +| Multi-Agent | 多智能体协作 | +| Tool Call | 工具调用流程 | +| Agentic Search | 智能体搜索 | + +--- + +## 语义图形词汇 + +| 元素 | 图形 | +|------|------| +| LLM | 双边框矩形 | +| Agent | 六边形 | +| Vector Store | 带环圆柱体 | +| 数据库 | 圆柱体 | + +--- + +## 语义箭头系统 + +| 箭头类型 | 含义 | +|---------|------| +| 实线箭头 | 数据流 | +| 虚线箭头 | 异步/控制流 | +| 颜色区分 | write vs read vs loop | + +--- + +## 安装方式(Claude Code) + +```bash +npx skills add yizhiyanhua-ai/fireworks-tech-graph --force -g -y +``` + +**依赖**: +```bash +# macOS +brew install librsvg + +# Ubuntu/Debian +sudo apt install librsvg2-bin + +# 验证 +rsvg-convert --version +``` + +--- + +## 优势对比 + +| 对比项 | Mermaid | draw.io | fireworks-tech-graph | +|--------|---------|---------|---------------------| +| 自然语言输入 | ❌ | ❌ | ✅ | +| AI/Agent 领域图 | ❌ | ❌ | ✅ | +| 多种视觉风格 | ❌ | 手动 | ✅ 7种内置 | +| 高清 PNG 导出 | ❌ | 手动 | ✅ 自动 1920px | +| 语义箭头颜色 | ❌ | 手动 | ✅ 自动 | +| 无需在线工具 | ✅ | ❌ | ✅ | + +--- + +## OpenClaw 兼容性 + +⚠️ **这是 Claude Code 专用 Skill**,OpenClaw 不能直接使用。 + +**原因**: +- OpenClaw 使用 Skill 系统(clawhub) +- Claude Code 的 `skills add` 命令是 Claude Code 特有的 + +**解决方案**: +- 手动适配:克隆仓库,提取 prompt 和模板,转换为 OpenClaw 格式 + +--- + +## 使用示例 + +``` +Draw a Mem0 memory architecture diagram in style 1 (Flat Icon). +Use four horizontal sections: Input Layer, Memory Manager, Storage Layer, Output / Retrieval. +Include User, AI App / Agent, LLM, mem0 Client, Memory Manager, Vector Store, Graph DB, Key-Value Store, History Store, Context Builder, Ranked Results, Personalized Response. +Use semantic arrows for read, write, control, and data flow. +``` + +--- + +## 相关资源 + +| 资源 | 链接 | +|------|------| +| GitHub | https://github.com/yizhiyanhua-ai/fireworks-tech-graph | +| npm | https://www.npmjs.com/package/@yizhiyanhua-ai/fireworks-tech-graph | + +--- + +## AI工程索引 + +其他笔记: +- [[INDEX_AI工程]] - AI工程知识索引 + +--- + +*整理:知识库管理员 | 归档:2026-04-22* \ No newline at end of file