Diagram Design
Design & Front-end
Clean diagrams in your brand: org charts, process flows, quadrants and 40+ more.
Design & Front-end
Archify
Turns an idea, plan or codebase into an interactive diagram you can click and share.
FreeOpen sourceBy tt-a1i
View source What is it?
Describe a system, a plan or a process and Archify turns it into an interactive diagram in a single HTML file. You can click any box for details, follow a path through it, and switch between styles and light or dark themes. Then keep refining it in chat: "add authentication" or "highlight the cache-miss path".
Point it at a codebase and it builds a source-backed map of how the project fits together. Ask a question and it can answer as a one-page explainer instead: the conclusion first, then panels with steps, tables and diagrams, with numbered sources.
It doesn't need a code project. People use it for travel itineraries, learning maps and process diagrams too, and it exports to PNG or PDF.
Install in Claude Code
Paste this into Claude Code: Install Archify for me by reading https://raw.githubusercontent.com/tt-a1i/archify/main/llms.txt. On Claude.ai, download archify.zip from the GitHub releases and upload it under Settings > Capabilities > Skills.
Try this prompt
Paste into Claude Code
Use Archify to diagram how a customer order flows: website checkout, Stripe payment, our order database, the warehouse email and the shipping label.Who it's for
Anyone who explains systems or plans to clients, a team or themselves.
Best for
- Mapping how a codebase works
- Process and workflow diagrams
- One-page explainers
- Diagrams for proposals
Why it made the list
You can click into every part of the diagram, and it works from a one-line description.
More skills like this
Visual Explainer
Design & Front-end
Makes polished web pages or slides that explain diagrams, code changes and plans.
Graphify
Coding Workflows
Maps your code and docs into a clickable knowledge graph Claude can search.
Playground
Design & Front-end
Builds a one-page tool with sliders and a live preview to explore an idea visually.