technical diagram generation
Generate production-quality SVG+PNG technical diagrams from natural language, as an agent skill for Codex and Claude Code.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
Choose it when you want self-contained HTML diagrams with motion and built-in export instead of separate SVG/PNG assets.
Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.
Choose it when you need diagrams natively in draw.io format for further editing in Draw.io.
Generate draw.io diagrams from natural language — 11 presets (UML, SysML/MBSE, BPMN, network, C4…), 36 tools: codebase/CI/infra-to-diagram, image→editable diagram, mind maps, build-up animation, exec-view compression, click-through runbooks, PR diff bot. Vision self-check, 10,000+ shapes. Exports PNG/SVG/PDF/JPG.
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
Choose it when you want deterministic, scriptable diagram generation from PlantUML DSL without an LLM.
Generate diagrams from textual description
Choose it when you want to define architecture in Go code and generate diagrams programmatically, without an LLM.
Create your software architecture models and diagrams in Go.
Choose it when you want lightweight, markdown-style text diagrams that integrate into docs and web apps.
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
Choose it when you want a data-model-first approach to architecture diagrams, especially in Clojure, with C4/UML support.
Overarch provides a data model for the holistic description of a software system, opening multiple use cases on the model data. Supports C4 and UML diagram generation with PlantUML.
Choose it when you want a unified text-to-diagram server with support for many DSLs (PlantUML, Mermaid, etc.) via a single API.
Creates diagrams from textual descriptions!
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
Choose it when you only need editorial/infographic-style diagrams, not technical/UML diagrams.
38 editorial diagram types for Claude Code, Codex, and Pi. Self-contained HTML + SVG. No shadows. No Mermaid slop.
Choose it when you only need dark-themed architecture diagrams and want a Claude-specific skill.
Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files. Works as a Claude AI skill.
Choose it when you want Excalidraw-native output and hand-drawn style diagrams.
Skill to give Claude Code (and any coding agent) the ability to generate beautiful and practical Excalidraw diagrams.
Does the same job, but ships as an app. Useful to a person, not swappable into a codebase.
A web app for AI-assisted diagramming; use it if you want an interactive GUI instead of a code/agent skill.
A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.
A desktop UML drawing tool; choose it if you want a manual GUI, not AI generation.
Free UML Tool for Fast UML Diagrams
A Grafana plugin for drawing diagrams inside dashboards; choose it if you need diagrams within Grafana.
Flowcharting, plugin for Grafana to create complexe visio's draws style like technical architectures, floorplan, diagrams, hierarchical schema based on draw.io
These projects were analysed and named fireworks-tech-graph among their alternatives. The relationship is not symmetric — how fireworks-tech-graph rates them is a separate judgement, made when fireworks-tech-graph is analysed in its own right.
calls fireworks-tech-graph “Choose when you need a Python CLI/library to generate SVG/PNG diagrams directly, without a draw.io web UI.”
A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.
calls fireworks-tech-graph “choose when you want a standalone Python tool for UML-heavy technical diagrams instead of a Claude Code skill.”
38 editorial diagram types for Claude Code, Codex, and Pi. Self-contained HTML + SVG. No shadows. No Mermaid slop.
calls fireworks-tech-graph “choose when you need lightweight SVG/PNG assets rather than interactive HTML agent skill.”
Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.
calls fireworks-tech-graph “when you need static SVG/PNG exports with style presets rather than editable .drawio models”
Generate draw.io diagrams from natural language — 11 presets (UML, SysML/MBSE, BPMN, network, C4…), 36 tools: codebase/CI/infra-to-diagram, image→editable diagram, mind maps, build-up animation, exec-view compression, click-through runbooks, PR diff bot. Vision self-check, 10,000+ shapes. Exports PNG/SVG/PDF/JPG.
calls fireworks-tech-graph “Choose when you want a Python pipeline that converts natural language to SVG/PNG diagrams in several styles instead of a Claude skill HTML output.”
Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files. Works as a Claude AI skill.
calls fireworks-tech-graph “Narrower diagram-only alternative with SVG/PNG output instead of HTML; choose for standalone image diagrams.”
Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps
calls fireworks-tech-graph “AI agent skill that generates diagrams from natural language, not an embeddable code library.”
:art: Diagram as Code for prototyping cloud system architectures