Vibe Coding Discoverarchify
View on GitHubAgent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.
Archify is an agent skill for Cursor, Claude Code, Codex CLI, and OpenCode that turns a repo or description into validated architecture, workflow, sequence, data-flow, and lifecycle diagrams. Agents emit typed JSON IR that compiles deterministically to self-contained interactive HTML/SVG with exports and delta review.
Use Cases
Generate architecture diagrams from a codebase or plain descriptionReview architecture changes before merge with Before/Delta/After comparisonDraw sequence diagrams for API calls, cache fallback, and auth flowsMap data flow pipelines with PII and trust boundariesModel lifecycle/state machines including retries and terminal statesDocument CI/CD and approval workflowsProduce shareable self-contained HTML diagrams plus PNG/SVG/WebM exportsOnboard developers with interactive system maps inside chat
Built With
- Language
- JavaScript
- Frameworks
- Node.js
Tags
agent-skill · claude-skill · coding-agents · diagrams · diagram-as-code · architecture-diagram · sequence-diagram · data-flow-diagram · code-visualization · mermaid-alternative · text-to-diagram · system-design · json-ir · svg-export · developer-tools · cli