Was ist fireworks-tech-graph?
fireworks-tech-graph ist ein Agent Skill, eine SKILL.md plus Python-Skripte, mit dem Claude Code oder Codex technische Diagramme aus einer Beschreibung in einfachem Englisch oder Chinesisch zeichnen. Der Agent ordnet die Anfrage ein und schreibt eine versionierte JSON-Beschreibung des Diagramms, und der mitgelieferte Generator führt die Pfeile und rendert SVG, ein PNG mit 1.920 Pixeln, eine interaktive HTML-Seite für den Offline-Gebrauch oder ein animiertes GIF.
Er deckt 14 Diagrammtypen ab, darunter den UML-Satz (Klassen-, Sequenz-, Zustands-, Verteilungsdiagramm und weitere) und ER-Diagramme, dazu fertige Muster für KI-Systeme wie RAG, Multi-Agenten-Setups, Abläufe mit Tool-Aufrufen und Gedächtnis im Stil von Mem0. Es gibt 12 visuelle Stile, 11 vom Generator gesteuert und einen, den das Modell frei schreibt, sowie Icons für 40+ Produkte.
Der Skill steht unter MIT-Lizenz, ist hauptsächlich in Python geschrieben und stammt von Brad Zhang (yizhiyanhua-ai). Version 1.2.0 erschien am 17. Juli 2026; die letzte Codeänderung kam am 5. September, und das Repository hatte bei der letzten Prüfung rund 11.800 Sterne.
Lohnt sich fireworks-tech-graph?
fireworks-tech-graph lohnt die Installation aus einem Grund: Er traut der ersten Zeichnung des Modells nicht. Der Skill lässt den Agenten eine per Schema validierte Zwischenbeschreibung schreiben, ein deterministischer Planer führt die Kanten, und das Ergebnis muss strukturelle Prüfungen bestehen (XML, Marker, Überlappungen, Kreuzungen), bevor der Agent das PNG zurückliest und höchstens zwei gezielte Korrekturen vornimmt. Der Vertrag für Vorzeigediagramme verlangt null Kreuzungen, höchstens zwei Knicke pro Kante und mindestens 40 Pixel zwischen Knoten. Kann der Agent keine Bilder lesen, meldet er `visual_review: skipped`, statt ein Bestehen zu behaupten.
Die Ausgabe zielt auf Folien, Blogbeiträge und Design-Reviews, nicht auf lebende Dokumentation. Diagramme kommen als SVG und PNG heraus, die weit besser aussehen als Mermaid, sich aber in einem Pull Request nicht als Text diffen oder bearbeiten lassen. Stil 9 erzeugt Container-Reviews nach C4, und die Stile 10 bis 12 decken Deployments über mehrere Regionen, Ereignistopologien und Dashboards mit Golden Signals ab, was näher an dem ist, was Plattformteams tatsächlich zeichnen. Zwei der Stile ahmen den Hausstil von Claude und OpenAI nach, was für interne Präsentationen in Ordnung und auf einer öffentlichen Seite fragwürdig ist.
Die Installation hat Ecken und Kanten. Die README warnt, dass ein bloßes `npx skills add` des Repositorys die falsche SKILL.md erwischen kann, du musst also den verschachtelten Pfad angeben, und das npm-Paket (1.0.4) hinkt dem GitHub-Release hinterher. Der PNG-Export braucht cairosvg oder rsvg-convert, und GIFs brauchen FFmpeg, Chrome und Puppeteer, installiert neben jeder Kopie des Skills.
Die Pflege liegt bei einer Person. Es gibt 12 Beitragende, ein offenes Issue, und der einzige Commit seit dem 5. September ist eine Sponsorenänderung in der README; die README wirbt außerdem für die bezahlte Beratung des Autors. Verglichen mit Anatomy, das über eine lange Sitzung eine einzige interaktive Erklärgrafik baut, ist dieser Skill schneller und konventioneller: Kästen, Pfeile und Swimlanes, ordentlich gemacht.
Wo es sich lohnt
Ein Staff Engineer, der ein Design-Review vorbereitet
Die geplante Checkout-Architektur zeichnen, ohne einen Nachmittag in draw.io zu verbringen
Bitte Claude Code um ein Container-Diagramm nach C4 in Stil 9 mit benannten Diensten und Protokollen; der Skill rendert SVG und PNG und meldet die Prüfergebnisse. Die Kosten sind eine Agenten-Sitzung; Änderungen bedeuten einen neuen Prompt statt verschobener Kästen.
Eine Developer Advocate bei einem Unternehmen für KI-Infrastruktur
Eine RAG- oder Multi-Agenten-Pipeline für einen Blogbeitrag zum Launch illustrieren
Nutze das eingebaute Muster für RAG oder Multi-Agenten mit Produkt-Icons und exportiere ein PNG mit 1.920 Pixeln plus ein animiertes GIF für Social Media. Der GIF-Weg setzt voraus, dass FFmpeg und Puppeteer vorher installiert sind.
Ein SRE-Leiter, der ein ereignisgesteuertes System dokumentiert
Topics, Consumer und Dead-Letter-Queues in einem Bild zeigen
Stil 11 zeichnet Topics als Schienen und Prozessoren als Stationen, mit einer deklarierten DLQ; der Offline-Export als HTML gibt Lesern Verschieben und Zoomen, ohne dass etwas gehostet werden muss.
Bevor du dich festlegst
- Einrichtung
- `npx -y skills@1.5.17 add yizhiyanhua-ai/fireworks-tech-graph/skills/fireworks-tech-graph --agent codex claude-code -g -y --copy` oder ein git clone nach ~/.claude/skills oder ~/.agents/skills. Braucht Python 3.9+ und cairosvg; `fireworks.py doctor` prüft die optionalen Abhängigkeiten für GIFs.
- Integrationen
- Claude Code und Codex über das Format Agent Skills; eine einheitliche CLI (render, validate, check, export-html, animate), die auch ohne Agent funktioniert; rendert mit cairosvg, rsvg-convert oder Headless Chrome.
- Daten und Datenschutz
- Die README beschreibt keinen gehosteten Dienst: Rendern und Prüfungen laufen lokal, und die Beschreibung, die du tippst, geht nur an das Modell, das dein Agent nutzt. MIT-Lizenz, die kommerzielle Nutzung ist also uneingeschränkt.
- Kosten im großen Maßstab
- Kostenlos. Die Kosten sind Agenten-Tokens, einschließlich bis zu zwei Korrekturdurchgängen und einem Zurücklesen des Bildes pro Diagramm; Token-Zahlen pro Diagramm sind nicht veröffentlicht.
- Grenzen
- Keine textbasierte Diagrammquelle für Docs-as-Code-Workflows; Stil 8 schreibt das Modell frei, am Generator vorbei; rsvg-convert kann CSS verlieren, daher sehen PNGs mit cairosvg am besten aus.
Was gut ist
- Validator und Zurücklesen des PNG, bevor ein Diagramm als fertig gilt
- 14 Diagrammtypen einschließlich vollständigem UML und ER
- Eingebaute Muster für KI-Systeme (RAG, Multi-Agenten, Tool-Aufrufe)
- Ausgabe als SVG, PNG, Offline-HTML und GIF
Was nicht
- Bildausgabe, kein Text, den du in einem Pull Request diffen kannst
- Verschachtelter Installationspfad nötig; das npm-Paket hinkt hinterher
- Der GIF-Export braucht FFmpeg, Chrome und Puppeteer
- Ein einzelner Maintainer; seit September kaum Codeänderungen
Am besten für
Entwickler und technische Redakteure, die aus Claude Code oder Codex heraus ausgefeilte Architekturdiagramme für Folien, Beiträge und Design-Reviews brauchen.
Alternativen zu fireworks-tech-graph
fireworks-tech-graph: häufige Fragen
- Lohnt sich fireworks-tech-graph?
- Ein Diagramm-Skill, der seine eigene Geometrie prüft, bevor er abliefert, ideal für Folien und Beiträge, auch wenn Mermaid bei Diagrammen, die in der Dokumentation leben, weiterhin gewinnt. Wir bewerten es mit 3.9 von 5.
- Was kostet fireworks-tech-graph?
- Kostenlos und Open Source (MIT). Läuft über das Agenten-Abo oder die API, die du bereits nutzt.
- Welche Nachteile hat fireworks-tech-graph?
- Bildausgabe, kein Text, den du in einem Pull Request diffen kannst; Verschachtelter Installationspfad nötig; das npm-Paket hinkt hinterher; Der GIF-Export braucht FFmpeg, Chrome und Puppeteer; Ein einzelner Maintainer; seit September kaum Codeänderungen.
- Für wen eignet sich fireworks-tech-graph?
- Entwickler und technische Redakteure, die aus Claude Code oder Codex heraus ausgefeilte Architekturdiagramme für Folien, Beiträge und Design-Reviews brauchen.
- Was kostet fireworks-tech-graph für ein Team oder im Produktivbetrieb?
- Kostenlos. Die Kosten sind Agenten-Tokens, einschließlich bis zu zwei Korrekturdurchgängen und einem Zurücklesen des Bildes pro Diagramm; Token-Zahlen pro Diagramm sind nicht veröffentlicht.
- Ist fireworks-tech-graph sicher für Firmendaten?
- Die README beschreibt keinen gehosteten Dienst: Rendern und Prüfungen laufen lokal, und die Beschreibung, die du tippst, geht nur an das Modell, das dein Agent nutzt. MIT-Lizenz, die kommerzielle Nutzung ist also uneingeschränkt.
- Was sind die besten Alternativen zu fireworks-tech-graph?
- Die nächsten Alternativen, die wir getestet haben, sind Anatomy, Anthropic Skills und Impeccable.
Antworten geprüft am 26. Okt. 2026.