What it does
fireworks-tech-graph is an Agent Skill, a set of instructions and scripts an AI coding assistant can use. You describe a system in English or Chinese, and it draws a technical diagram for you.
It produces SVG and PNG images, short animated GIFs and interactive web pages. There are a dozen visual styles and support for many standard diagram types, including UML (a common way of drawing software designs).
It includes ready patterns for AI topics, such as memory systems, multi-agent setups and tool calls, and checks the layout so lines and labels don't overlap.
Who it's for
Engineers, technical writers and anyone who needs clear architecture diagrams and already uses Claude Code or Codex.
Can I use it without coding?
With some setup. You add it to an AI coding assistant, then ask for diagrams in plain language. New to this? Start here.
Can I run it?
- Cost
- Free, but needs an AI accountThe software is free, but it uses an online AI service (like OpenAI or Anthropic), which usually charges for use.
- Computer
- An ordinary computer is fine
- API key
- Not needed
Try it
- Add the skill to Claude Code or Codex.
- Describe the diagram you want in plain words and name a style, and it creates the image files.
Using Claude Code, Cursor or another AI coding assistant? Paste the prompt and it will walk you through the setup.New to this?
Before you install
- Only download from the official GitHub page. Copies with similar names exist for many popular projects.
- License (MIT): Very permissive: free to use, change and share, including for business.
- More on staying safe