💻 Developer ToolsNew

archify

Name: archify
Author: tt-a1i

by tt-a1i5 days ago45.1k

Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light themes, optional trace motion, and PNG/JPEG/WebP/SVG/WebM export. Accept plain-language requirements or pasted Mermaid flowchart, sequenceDiagram, and stateDiagram input; inspect repository evidence when the diagram must reflect real code. Use when the user asks to visualize system architecture, infrastructure, cloud/security/network topology, technical workflows, API call sequences, request lifecycles, data pipelines, ETL/ELT, data lineage, state machines, or to convert/beautify Mermaid.

Install

npx skills add https://github.com/tt-a1i/archify --skill archify

Show step-by-step

1
Open your terminal
- Mac: Press ⌘ Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
2
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).
3
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.

Where it lives

~/.claude/skills/tt-a1i--archify--archify/
├── SKILL.md
└── ... (skill resource files)

View on GitHub

Comments

X@LLMpsycho

"GitHub trending today is a diagram skill, not another model drop. archify took 4,562 stars today (28,431 total). Agents emit architecture as typed JSON, then..."