archify
tt-a1i · tt-a1i/archify
This agent skill converts any idea, plan, or codebase description into interactive HTML diagrams, enabling visual exploration, customization, and sharing within AI coding agents.
Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.
See it in action
Run on Airsc
Task: “Read the Airsc repository and diagram the system architecture and the daily Content Engine run, with links to the source lines.”
Claude Code · Opus 5.5 · 2026-10-09
Run on AirscAirsc architecture: request paths, MCP, Ko-fi webhook and the Content Engine with its services
From the author's README tt-a1i ·Source
What you can do with it
- Generate a visual architecture diagram for a new web application concept.
- Quickly visualize the structure of an existing codebase by feeding it to the agent.
- Create interactive flowcharts for complex business processes or user journeys.
Try asking your agent
- “Use Archify to generate a diagram for a microservices architecture: Frontend -> API Gateway -> User Service, Product Service, Order Service, all using a shared Kafka bus.”
- “Diagram the deployment process for a CI/CD pipeline: Git commit -> Jenkins -> Docker build -> Kubernetes deploy.”
- “Create an interactive flow chart for a user registration process: User fills form -> Validate input -> Create account -> Send confirmation email.”
Safety check
No risky patterns found in the files we scanned.
Automated scan of the repo files. Always review code you run.
From the README
Turn anything you want to understand, plan, or share into an interactive visual.
Official channels： archify.si · GitHubArchify is free and open source. Third-party online services and paid plans are operated by their respective providers and do not represent Archify. Service details →
Start with an idea, a question, or a plan. Describe it to your AI agent, and Archify turns it into an interactive HTML you can explore, customize, and share. From travel itineraries and learning maps to complex systems—make it your own.
See what the community is creating—and imagine what you could make next.
Live demos · Get started · Scenario guide · Community · 简体中文 · 日本語 · 한국어
❤️ Partners & sponsors: Kimi Work · Supercode · OpenLux
See Archify in action
https://github.com/user-attachments/assets/78570807-ba1d-4737-953f-55504a378a87
One sentence. Your repo, mapped. Watch the 35-second demo: explore the diagram, follow source links, and trace a path. Try the interactive examples ↗
Install, then describe your idea
Works with Cursor, Claude Code, Codex CLI, and OpenCode. See installation options below for additional integrations.
npx skills add tt-a1i/archify -g
Send this to your agent:
Use Archify to diagram a web request: Browser calls the API,
the API checks Redis, and a cache miss queries PostgreSQL and fills the cache.
Then continue: “Add authentication”, “Highlight the cache-miss path”, or “Switch to the light theme”.
No repository is required: start with a description, or ask your agent to read a repository for a source-backed architecture diagram.
Choose your agent · Installation details and update checks
❤️ Sponsors
Archify × Kimi Work. Find Archify in the Kimi Work plugin store as Interactive Architecture Diagram. Describe your system in one sentence to create an interactive diagram. Try it in Kimi Work →
supercode.sh Supercode sponsors Archify and enhances Codex and Cursor with token optimization, curated Skills, and spec-driven development. Archify is featured as a Supercode Editor’s Choice skill.
OpenLux Thank you to OpenLux for sponsoring this project! OpenLux is an all-in-one AI platform for businesses, bringing together leading AI models from major providers worldwide. With fast, reliable service and responsive technical support, OpenLux offers base pricing for Claude, OpenAI, and Gemini models as low as 8.82%, 4%, and 8% of official rates, respectively.Exclusive offer for Archify users: Sign up through our referral link and enjoy up to 7.5% off credit top-ups!Get started with OpenLux →
PackyCode Access leading AI models through PackyCode with one API endpoint and one API key. Enjoy automatic failover and dedicated high-speed routes for Codex and Claude Code.Get started with $1 in free credits, a discount on your first top-up, and savings of up to 80% on eligible routes. Pay in RMB with no currency conversion markups or extra top-up fees.Get started with PackyCode →
AICodeMirror Thank you to AICodeMirror for sponsoring Archify! AICodeMirror provides API relay services for Claude, Codex, and Gemini, with enterprise-grade concurrency, invoice issuance, and 24/7 technical support. Codex pricing starts at 7% of standard rates, with additional top-up discounts.Exclusive offer for Archify users: Register through our referral link to receive 20% off your first top-up.Try AICodeMirror →
ZTURBO Fast, stable connectivity for developers and AI users.New users can try the service for free and receive an exclusive bonus on their first top-up. Supports Windows, macOS, iOS, and Android; long-term plans work out to less than ¥1 per day.Free trial · First top-up bonus · Multi-device connectivityTry ZTURBO →
Infistar.cc Thank you to Infistar.cc for sponsoring Archify! One API key covers text, image, and video creation with GPT, Claude, Gemini, DeepSeek, Qwen, Kling, and other models, without switching groups. Model API pricing starts at 1% of official rates, and AI images start at ¥0.06 each.Exclusive offer for Archify users: Sign up through our referral link for $5 in trial credits and a special offer on your first top-up.Try Infistar →
EverMind · RavenEverMind sponsors Archify and builds memory infrastructure for agents. Its Raven harness supports Archify as a Skill for verified, interactive system maps.
Want to sponsor Archify? Contact us by email.
Show what matters
| Explain an agent workflow | Follow a cache miss | Explore service relationships |
|---|---|---|
| Trace everything downstream of one step. | Highlight the path from web app to database. | Focus on authored backend and database connections. |
The Proof Lab contains all 11 checked-in scenarios, their JSON sources, and validation receipts.
Understand a real repository
CODE → DIAGRAM · A source-backed system map
Archify traced mco-org/mco at 9f1a1cf and produced this checked map. Open it ↗ · trace reach ↗ · typed source
Easy to extend. More ways to make it yours.
COMMUNITY STORIES · Selected examples shared by users
**Keep building after the diagram is genera