What it does. Create a self-contained, interactive HTML diagram from a small typed JSON specification. Static output is the default; enable motion only when the user asks for a demo or presentation.
Use this bounded path for ordinary generation. Do not read the optional Viewer Runtime reference unless the user asks about those features.
Highlights
- For
silent
, continue without mentioning the update check.
flowchart
/ graph
→ workflow
, or architecture
for a component map.sequenceDiagram
→ sequence
; participants become semantic participants and arrows become messages.stateDiagram
→ lifecycle
; states and transitions retain meaning, not Mermaid style.- One obvious main path; side branches leave the nearest main-path node. Remove low-value edges before adding routing controls.
When to use it. 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…
Install
npx skills add tt-a1i/archify --skill archify
Or copy the skill folder manually:
git clone https://github.com/tt-a1i/archify.git
cp -r archify/archify/ ~/.claude/skills/archify
Source: tt-a1i/archify — 43,804 stars, MIT, last pushed 2026-09-02.
