Engineering Workflow

archify

Turns any system or process into an interactive HTML diagram

Architecture diagrams
Diagram-as-code
Interactive HTML
Mermaid alternative

Platform: Claude Code / Cursor / Codex / OpenCode
Pricing: Free and open source
Author: tt-a1i

Install

npx skills add tt-a1i/archify

Overview

Describe a system, workflow or plan to your agent and archify generates a self-contained interactive HTML diagram — architecture, workflow, sequence, data-flow and lifecycle types, with motion and crisp exports. It can also read a code repository and produce a source-backed system map. Currently the most popular diagramming skill on skills.sh.

Key features

Five diagram types: architecture / workflow / sequence / data-flow / lifecycle
Output is a single HTML file you can open, share and keep iterating in the browser
Reads repos to generate source-backed architecture maps — a common Mermaid alternative
Refine by conversation: add modules, highlight a path, switch themes

Use cases

Architecture and flow diagrams for design docs and reviews
Mapping call relationships and data flow in an unfamiliar codebase
Explaining processes, plans or even travel itineraries visually

Best for

Anyone who regularly has to explain a system or process clearly to other people.

Browse categories

GitHub repo ↗