tt-a1i/archify
Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.
What it solves
Archify transforms complex ideas, system plans, or existing codebases into interactive, visual diagrams. It eliminates the need for manual diagramming tools by allowing users to describe their architecture or ask an AI agent to analyze a repository and generate a visual map that can be explored and shared as a standalone HTML file.
How it works
Archify integrates as a "skill" for AI agents (such as Cursor, Claude Code, Codex, and OpenCode). The user provides a text description or a repository for the agent to analyze. The agent then uses Archify to generate a typed source and render it into an interactive HTML file. This output is self-contained, meaning it can be opened in any browser without requiring Archify to be installed on the viewer's end.
Who it’s for
- Developers wanting to map out system architectures or trace runtime paths in a codebase.
- Architects planning new systems or documenting existing ones.
- Project Managers creating workflows, data flows, or learning maps.
- Anyone needing to share interactive visuals of plans, itineraries, or complex processes.
Highlights
- Agent-Driven Generation: Create diagrams from a single sentence or by analyzing a GitHub repository.
- Interactive Exploration: Supports tracing downstream reach, highlighting specific routes, and focusing on specific components.
- Multiple Diagram Types: Offers specialized templates for Architecture, Workflow, Sequence, Data Flow, and Lifecycle diagrams.
- Standalone HTML Output: Generates portable files that can be shared and opened in any browser.
- Architecture Delta: Ability to compare two architecture snapshots to visualize changes (Before/Delta/After).
- Customizable: Supports light and dark themes and allows for the export of PNG share cards for specific paths.
Written about in
Related
- Project