archify is a Node.js agent skill for Cursor, Claude Code, Codex CLI, and OpenCode. One npx skills add tt-a1i/archify -g and your coding agent turns a codebase or a plain-text description into interactive system diagrams — architecture, workflow, sequence, data flow, lifecycle — shipped as a single self-contained HTML file. 27,093 stars, GitHub Trending #1 today, MIT license.
Why it beats asking for mermaid
Every coding agent can already free-hand mermaid. The output looks plausible and is frequently wrong, and nothing checks it. archify flips the pipeline: the agent emits a typed JSON intermediate representation first, then archify compiles it deterministically. Schema violations come back as “repair receipts” — machine-readable error codes the agent uses to fix itself and regenerate. The diagram becomes a validated artifact, not a hallucination with arrows.
More than a static picture
The HTML viewer traces upstream and downstream routes from any node, plays guided walkthroughs, and diffs two snapshots as Before/Delta/After — which makes it usable in design reviews, not just docs. Exports to PNG, SVG, and WebM.
Skills are the hottest surface in the coding agent ecosystem right now, and archify is the cleanest case yet for why: don’t make the LLM draw, make it specify.
You Might Also Like
- 27k Github Stars in Weeks Learn Claude Code by Shareai lab Breaks Down ai Coding Agents Into 12 Lessons
- Code Review Graph Hits 20k Github Stars an 82x Context cut for Claude Code and Cursor
- Book to Skill Turns Your pdf Textbooks Into Claude Code Skills 12 6k Github Stars and Counting
- Reverse Skill hit 10 3k Github Stars Turning Claude Code Into a Security Engineer
- Holaos hit 7045 Github Stars by Putting Claude Code and Codex in the Same Window
Top AI Product 
Leave a comment