Why it is useful
Open-source agent skill that turns a codebase or system description into a polished, interactive architecture map.
Highlights
- Works with Claude Code, Cursor, Codex, and other agents through a deterministic JSON-to-SVG pipeline.
- Exports HTML, PNG, SVG, or WebM diagrams that explain systems beyond a text file tree.
- Architecture diffs make design changes reviewable alongside a pull request.
Best for
Developers documenting unfamiliar systems or reviewing how an agent changed an architecture.
Source signal
Editorially reviewed on October 16, 2026 using the Reddit r/webdev listing: view the source.




