Diagram Forge

Describe your system — get a styled SVG + PNG diagram out.

Back to SkillSafe

Diagram Forge turns a plain-language description of a system, process, or concept into one polished, self-contained SVG technical diagram — architecture, flowchart, sequence, UML, ER, cloud deployment, event flow, reliability dashboard, agent system, network, timeline, or concept map — in one of twelve complete visual styles, with PNG and Markdown export. Derived from the open-source fireworks-tech-graph Agent Skill (MIT license).

Options
How it works

Nothing to hand? — a checkout service architecture, drawn in the Flat Icon style. The example replays a saved run, free.

1

Describe the system

Paste a plain-language description or drop a design doc — pick a diagram type, or let the model choose one of thirteen.

2

The model draws it directly

No separate rendering engine — the model returns one complete, self-contained SVG following the same semantic shape/arrow conventions and composition-quality rules as the source skill.

3

Checked, then exported

The app counts the SVG's actual shapes and legend text and flags any mismatch with what the model claimed, before you export — copy the image to your clipboard, or download SVG, a 2x PNG, or Markdown.

Questions

Can I run it without signing in?

You can browse every style and replay the bundled example for free, signed out. Generating your own diagram is a metered model run, so it needs an account — the app says so at the run button rather than failing after you press it.

What output formats does it produce?

A self-contained SVG (editable in any vector tool), a 2x-scale PNG you can download or copy straight to the clipboard for a doc or a slide, and a Markdown file that leads with the rendered image and keeps the SVG source below it, plus the legend and notes.

Does it check the model's own claims?

Yes. The app counts the actual shape elements and legend text in the returned SVG and compares them against what the model said it drew, flagging any mismatch before you export.

Where does this app come from?

It's derived from fireworks-tech-graph, an open-source Agent Skill (MIT) by yizhiyanhua-ai. The original runs a Python CLI with a geometry validator; here the model generates the final SVG directly and this app validates, sanitizes, renders and exports it.