#6262nd of 73 in Skills, plugins and rules

fireworks-tech-graph

Agent skill that generates validated SVG, PNG, GIF and HTML technical diagrams

Repository on GitHub ↗

Stars: 11.7k
License: MIT
Last commit: Sep 2026
Last release: Jul 2026
Language: Python

Stars, last 27 weeks+11,727

0 on 8 Apr 202611,727 on 14 Oct 2026

From GitHub's daily star counts.

Checked 15 Oct 2026 on GitHub.

Overview

A single Agent Skill for Codex and Claude Code that turns English or Chinese descriptions into SVG diagrams using a Python generator, then exports PNG, GIF motion and offline interactive HTML. It ships 12 visual styles and 14 diagram types (UML plus AI/agent patterns such as RAG and multi-agent), and checks geometry, routing and text fit before output.

Who it is for: Codex and Claude Code users who need architecture and UML diagrams from prompts

Strengths

Works in both Codex and Claude Code from one skill install
Deterministic validation of routing, crossings, spacing and labels before and after render
Exports SVG, PNG up to 4x, GIF and a single offline HTML file
12 styles and 14 diagram types including the full UML set

Weaknesses

GIF animation only accepts SVGs carrying one of twelve approved motion contracts
PNG and GIF export need optional dependencies; Puppeteer path needs Node.js 22.12+
Style 8 (Dark Luxury) is AI-authored rather than generator-backed
README carries sponsor and paid-consulting sections

What it needs

no GPU
Needs Python 3.9+, Codex or Claude Code, Node.js 22.12+ (optional, Puppeteer PNG export), cairosvg or rsvg-convert (optional, PNG export)

Also in Skills, plugins and rules

See all 73

Also in Skills, plugins and rules
Rank	Project	Score
1	skillsAgent skills for planning, TDD, debugging and code review291.3k starsMIT	94 out of 100
2	eccAgents, skills, hooks and rules bundle for Claude Code, Codex and other harnesses279.5k starsMIT	94 out of 100
3	cavemanCuts token use in coding agents with terse replies and compressed inputs Live demo ↗ (opens in a new tab)111.9k starsApache-2.0	93 out of 100
#4	ponytailSkill prompt that makes coding agents write less code and add tests163.6k starsMIT	92 out of 100
#5	ui-ux-pro-max-skillDesign-system skill that gives coding agents searchable UI styles, palettes and fonts135.9k starsMIT	91 out of 100

How to choose

Check which agent it targets and whether it works with the version you run.
Read what it adds to every prompt; big rule sets cost tokens on each call.
Prefer add-ons you can turn off per project.

Health

Releases: 8 in the last 12 monthsLast one 90 days ago
Top contributor: Not checked
Security advisories: Not checked
Package advisories: Not checked
OpenSSF Scorecard: Not checked

Not read for this project yet: each refresh reads the facts of a few projects. Bots and coding-agent accounts are left out of the commit counts. Not part of the score: how we check.

License in plain words

MIT Permissive

Use it at work: Yes
Change it and rebrand it: Yes
Sell it or host it for others: Yes

Your part: Keep the copyright and license notice in copies you ship.

A plain summary, not legal advice. Read the license on GitHub ↗ (opens in a new tab)

#62 of 73 in Skills, plugins and rules on Archestack, as of 15 Oct 2026.

In your README

The badge updates twice a day.

[![Archestack](https://archestack.com/badge/yizhiyanhua-ai/fireworks-tech-graph.svg)](https://archestack.com/best-of-vibe-coding/projects/fireworks-tech-graph/)

How badges work

On your site or blog

A card with the rank, score and signals, in light or dark to match the reader.

<iframe src="https://archestack.com/embed/best-of-vibe-coding/fireworks-tech-graph/" title="fireworks-tech-graph on Archestack" width="400" height="270" style="border:0;max-width:100%" loading="lazy"></iframe>

Preview the card

Best of Vibe Coding on GitHub

Each review comes from the project's README and facts we check on GitHub. The fix form opens with fireworks-tech-graph filled in.