fireworks-tech-graph: a Claude Code skill by Yizhiyanhua AI
For engineers who want clean architecture and workflow diagrams as SVG, PNG or GIF from a description. Skip it for photos, raster art or data charts.
- Score
- 71of 100
- Rank
- #170of 239
- Installs
- 18.3Kon skills.sh
- Stars
- 12Kon GitHub
- Security
- Clear 4 scanners
- Updated
- 2026
- Context
- ~59tokens always
Install
npx skills add https://github.com/yizhiyanhua-ai/fireworks-tech-graph --skill fireworks-tech-graph
Run it in your terminal. View the source
Most people install it straight from GitHub, where it has 12K stars, so its skills.sh count understates how widely it is used.
Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app
What does fireworks-tech-graph do?
fireworks-tech-graph is a skill that draws technical diagrams as SVG through a bundled fireworks.py script, then exports PNG, an offline pan-and-zoom HTML file, or an animated GIF. It covers architecture, UML, agent, cloud and workflow diagrams in twelve styles, defaulting to Style 1 Flat Icon; most styles have JSON generators, while Dark Luxury is hand-authored SVG. The loop is validate, render, check and export-png, where check looks for collisions, broken markers and composition problems. Claude then views the PNG at reading size for clipped text, crossings and arrow direction, and reports file paths and any remaining limits.
When should you use fireworks-tech-graph?
Use it when
- You need an architecture diagram for docs or a talk
- You want a UML or agent workflow drawing
- You want a diagram animated as a GIF
Skip it when
- You need statistical charts from data
- You want an editable draw.io file instead
What it needs and what it can touch
You need
- Python 3
What it can do
- Runs bundled Python scripts
- Writes SVG, PNG, HTML and GIF files
From reading its instructions, not from running it.
Why it scores 71
Strongest on upkeep (100 of 100), weakest on adoption (46).
Is fireworks-tech-graph safe to install?
Every scanner that checked it passed it. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.
| Scanner | Result | Date |
|---|---|---|
| Gen Agent Trust Hub | Passed | Oct 23, 2026 |
| Socket | Passed | Oct 22, 2026 |
| Snyk | Low risk | Oct 22, 2026 |
| ZeroLeaks | Passed | Apr 16, 2026 |
Details
- Installs
- 18,322
- Repository stars
- 11,970
- Last repository change
- Tokens always loaded
- about 59
- Tokens when used
- about 1,332
- License
- MIT
- Data confidence
- High
Did it do the job for you?
Alternatives to fireworks-tech-graph
All skills for this job-
Get diagram-designdiagram-design
For people who want clean, on-brand diagrams and charts as single HTML files with inline SVG.
-
Get archifyarchify
For developers who want checked, interactive HTML diagrams of systems, flows or schemas, including ones traced from a real repo.
-
Get visual-explainervisual-explainer
For developers who want diffs, plans and systems explained as a visual HTML page.
-
Get excalidraw-diagram-generatorexcalidraw-diagram-generator
For people who want editable flowcharts, mind maps or architecture sketches made from a written description.
fireworks-tech-graph