Skip to content
Mike Reams

Try

Searches titles, summaries and topics across posts, work, diagrams, pages and the Toolbox resources.

↑ ↓ move · Enter open · Esc close
← AI Library

Skill · Curated · Diagrams

Archify

by tt-a1i · reviewed by Mike Reams

Builds architecture, workflow, sequence, data-flow and state diagrams as one standalone HTML page, from a small typed specification it validates first.

Share this page ↓

What you get

An explorable diagram in a single HTML file, with dark and light themes and export to PNG, SVG and more.

When to use it
When an architecture or a flow should be explored on screen or exported, not only read in a document.
Ask for it like this
“Draw the data flow for this service as a standalone HTML diagram.”
Limits
My copy never calls the network: no update check, and no brand marks fetched at render time.

What I changed, and why I run it

  • I removed its update check, which called the author's site every 72 hours, and the scripts that went with it.
  • For a diagram someone will click through: it validates the layout before it hands the file over. My own diagrams skill covers the quick ones.
  • MIT at the commit I reviewed, and built on Cocoon AI's architecture diagram generator. The project has since moved to Apache-2.0, so check the licence if you take a newer version.
  • architecture diagrams
  • html
  • svg
  • export

Source

Author
tt-a1i
Licence
MIT
Reviewed at
9e35d2b

Reviewed 2026-09-26 Passed after edits: every file read by hand and checked for prompt injection, hidden text, network calls, shell execution and credential reads.

Not hosted here: get it from the author, at the commit I reviewed.