fireworks-tech-graph
用自然语言描述，自动生成专业的技术图表和动图。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：fireworks-tech-graph。 它的用途是：用自然语言描述，自动生成专业的技术图表和动图。 完整的 Skill 内容见：https://321skill.com/skills/fireworks-tech-graph/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我画一个展示用户登录流程的序列图，包含前端、认证服务和用户数据库。” 它会解析你的描述，调用技能生成一个标准的序列图SVG文件。你还可以接着说：“把认证服务交互部分做成GIF动图。” 它便会生成一个聚焦于认证流程的动态演示。
介绍
Fireworks Tech Graph 解决了技术人员在文档、设计和沟通中快速绘制专业图表的痛点。传统绘图工具学习成本高、耗时耗力，而这个技能允许你直接用自然语言描述系统架构、数据流或工程概念，即可自动生成对应的技术图表，如软件架构图、流程图、序列图、UML图、网络拓扑图等。
使用方式非常直接：在支持该技能的AI平台（如Claude Code或Codex）中，你只需用文字描述你想可视化的系统，例如“画一个微服务架构图，包含API网关、用户服务和订单服务”，它就会调用技能生成对应的SVG或PNG图表。你还可以通过“生成GIF”等指令，将图表的关键部分制作成动态演示。
该技能非常适合软件工程师、架构师、技术布道师、产品经理以及任何需要频繁绘制技术图表进行设计、评审或文档编写的专业人士。它尤其适合在快速原型设计、技术方案评审、编写技术文档和制作演示材料等场景下使用。
与同类图表生成工具或代码绘图库（如Mermaid、PlantUML）相比，Fireworks Tech Graph的核心区别在于其“自然语言驱动”和“一体化输出”。它无需你学习特定的图表语法或DSL，直接用对话描述即可；同时，它不仅生成静态的SVG/PNG，还能一键生成具有语义聚焦效果的动态GIF和可交互的离线HTML文件，实现了从描述到多种交付格式的闭环。
核心特点
核心区别在于：1) 纯自然语言驱动，无需学习图表语法；2) 一体化输出，支持静态图表、语义聚焦的动态GIF和可交互HTML三种格式，满足从设计到演示的全流程需求。
注意事项
不适合生成照片、光栅艺术作品或需要精确数值呈现的定量数据图表（如柱状图、饼图）。
常见问题
能生成哪些类型的技术图表？
支持软件架构图、数据流图、流程图、序列图、C4模型、云部署图、事件流图、UML图、ER图、网络拓扑图、时间线和技术概念图等。
生成的图表可以动起来吗？
可以，直接对AI说“生成GIF”或“制作动图”，它会为图表生成具有语义聚焦效果的SVG转GIF动画。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/fireworks-tech-graph/raw/index.md 读取 fireworks-tech-graph 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/fireworks-tech-graph/raw/index.md（查看排版版本）