菜单
当明确需要 SVG/PNG 文件输出时使用，或 AI/Agent 专用图（RAG管道、多Agent协作）PlantUML 不擅长时使用。触发词：生成PNG、生成SVG、高清图、RAG图、AI架构图、Agent架构图、多Agent图、组织架构图、脑图、mind map。注意：普通架构图/流程图/时序图请优先用 uml skill。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
通过持续、逐条追问对齐方案/决策的每个关键节点，走遍决策树的每一个分支，直到达成共识后再动手。适用于开始执行前先把问题定义清楚。触发词：grill me、追问我、盘问我、帮我理一下这个方案、我们先对齐一下、深度盘问。
Downloads YouTube video transcripts/subtitles and cover images by URL or video ID. Supports multiple languages, translation, chapters, and speaker identification. Caches raw data for fast re-formatting. Use when user asks to "get YouTube transcript", "download subtitles", "get captions", "YouTube字幕", "YouTube封面", "视频封面", "video thumbnail", "video cover image", or provides a YouTube URL and wants the transcript/subtitle text or cover image extracted.
生成高质量 draw.io 图表并导出 PNG/SVG/PDF，含自检循环（最多5轮）和321个 AI/LLM 品牌 Logo。触发词：drawio图、导出PNG、导出PDF、AI架构图（带品牌Logo）、ML模型图、神经网络图、Transformer图、CNN图、代码结构图、代码转图、自定义样式图、精品图。注意：普通架构图/流程图/时序图请优先用 uml skill；网络拓扑→network；云架构→cloud。需要 draw.io 桌面版（brew install --cask drawio）。
【备用搜索】多引擎联合搜索，无需 API Key，支持17个引擎（Google、Bing、Scholar、知乎等）。Tavily 未配置时的降级方案。触发词：搜索、查一下、帮我找、search、找资料、查数据、查文献。注意：Tavily skill 配置后请优先用 tavily。
【首选搜索工具】Tavily AI 搜索，专为 AI Agent 优化，返回高质量摘要和来源，搜索结果比 web-search/multi-search-engine 更准确、更快。触发词：搜索、查一下、帮我找、search、找资料、查数据、查文献、最新消息、新闻、调研、research、查询、检索。注意：需要 API Key（tvly-xxxx）。未配置时降级使用 multi-search-engine。
用 PlantUML 生成云架构图，含 AWS/Azure/GCP/阿里云官方服务图标。触发词：云架构图、云架构、AWS架构、Azure架构、GCP架构、阿里云架构、云服务图、云迁移图、cloud architecture、cloud diagram。
| name | fireworks-tech-graph |
| description | 当明确需要 SVG/PNG 文件输出时使用，或 AI/Agent 专用图（RAG管道、多Agent协作）PlantUML 不擅长时使用。触发词：生成PNG、生成SVG、高清图、RAG图、AI架构图、Agent架构图、多Agent图、组织架构图、脑图、mind map。注意：普通架构图/流程图/时序图请优先用 uml skill。 |
自然语言描述 → 生产级 SVG + 1920px PNG。
前置依赖：rsvg-convert（brew install librsvg）
| 分类 | 类型 |
|---|---|
| 通用 | 架构图、数据流图、流程图、时间轴、对比矩阵、思维导图 |
| UML | 类图、序列图、状态机图、用例图、活动图、ER图、网络拓扑 |
| AI/Agent | RAG管道、Agent架构、记忆层、多Agent协作、工具调用流程 |
| 风格关键词 | 适用场景 |
|---|---|
flat-icon（默认） | 正式文档、汇报材料 |
dark-terminal | 技术演示、暗色背景PPT |
blueprint | 工程设计感 |
glassmorphism | 现代UI风格 |
minimal | 极简，报告内嵌 |
colorful | 演示文稿、多色区分 |
monochrome | 黑白打印 |
| 概念 | SVG形状 |
|---|---|
| LLM | 双边框圆角矩形 |
| Agent | 六边形 |
| Memory | 圆柱体（cylinder） |
| Tool | 圆角矩形 + 小图标 |
| User | 椭圆 |
| 数据库 | 圆柱体 |
| 决策 | 菱形 |
| 颜色 | 含义 |
|---|---|
蓝色 #2196F3 | 数据流 |
橙色 #FF9800 | 控制/触发 |
绿色虚线 #4CAF50 | 写入/存储 |
灰色 #9E9E9E | 辅助/弱关联 |
rsvg-convert file.svg -o /dev/nullrsvg-convert file.svg -w 1920 -o file.png| 规模 | SVG行数 | 策略 |
|---|---|---|
| 简单 | < 150行 | 直接用 Write 工具写文件 |
| 中等 | 150–300行 | 写 Python 脚本生成（避免 heredoc 转义问题） |
| 复杂 | > 300行 | 分块追加 + 逐块验证 |
<g>...</g>，<text>...</text>）< → <，> → >，& → &</svg> 标签viewBox 与实际内容范围匹配用户说"画一张RAG流程架构图，dark风格"：
1. 确定风格：dark-terminal
2. 规划节点：用户输入 → 查询改写 → 向量检索 → 重排序 → LLM生成 → 输出
外部组件：向量库（Memory形状）
3. 生成 SVG 文件：rag_architecture.svg
4. 验证：rsvg-convert rag_architecture.svg -o /dev/null
5. 导出：rsvg-convert rag_architecture.svg -w 1920 -o rag_architecture.png
SVG 骨架结构：
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600" width="1200" height="600">
<defs>
<!-- 箭头 marker 定义 -->
<marker id="arrow-blue" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
<polygon points="0 0, 10 3.5, 0 7" fill="#2196F3"/>
</marker>
</defs>
<!-- 背景 -->
<rect width="1200" height="600" fill="#1a1a2e"/>
<!-- 节点组 -->
<g id="nodes">
<!-- 每个节点：rect + text -->
<rect x="80" y="250" width="140" height="60" rx="8" fill="#0f3460" stroke="#2196F3" stroke-width="2"/>
<text x="150" y="285" text-anchor="middle" fill="#ffffff" font-size="14">用户输入</text>
<!-- 更多节点... -->
</g>
<!-- 连线 -->
<g id="edges">
<line x1="220" y1="280" x2="300" y2="280" stroke="#2196F3" stroke-width="2" marker-end="url(#arrow-blue)"/>
<!-- 更多连线... -->
</g>
</svg>
用户说"画歌华有线的组织架构图，minimal风格"：
1. 确定风格：minimal（白底黑字）
2. 布局：树形，从上到下
3. 节点：公司名（顶部）→ 各部门（第二层）→ 子部门（第三层）
4. 连线：hierarchical，灰色实线，无箭头
用户说"画一张多Agent协作图"：
1. 确定风格：flat-icon（默认）
2. 形状映射：
- Orchestrator Agent → 六边形（大，居中）
- Sub-Agent → 六边形（小）
- Tool → 圆角矩形
- Memory → 圆柱体
3. 箭头：
- 控制指令 → 橙色实线
- 数据传递 → 蓝色实线
- 写入记忆 → 绿色虚线
./）rag_pipeline.svg，org_chart.png| 用途 | 推荐风格 |
|---|---|
| 汇报PPT / 正式文档 | flat-icon |
| 技术博客 / README | minimal |
| 内部讨论 / 草稿 | colorful |
| AI/技术演示 | dark-terminal |
| 打印材料 | monochrome |