Archify — Data skill for Claude Code
Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.
How to install Archify
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open tt-a1i/archify and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Archify does
Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.
Alternatives in Data
- HTML Anything — ✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it 8.5k ★
- HTML Video — Programmatic video for coding agents — HTML to video on your laptop 4.5k ★
- Motion Skills — 50 open-source skills that teach your AI coding agent to make motion graphics, animation & video — kinetic typ 477 ★
README
English · 简体中文

Archify
**Turn a codebase or system description into a polished, interactive system map — directly in chat.**
Archify is an agent skill for Raven, Cursor, Claude Code, Codex CLI, and OpenCode. Give it a system description or repository; get an interactive, shareable technical map.
- Open it and present — five diagram types, four presets, dark/light themes, built-in brand marks, and finite motion
- Review architecture changes before merge — compare two validated snapshots as Before / Delta / After, with exact added, removed, changed, moved, and rerouted facts
- Every interaction stays grounded — search nodes, optionally open revision-verified source, trace upstream/downstream authored reach and exact routes, compare roles, and play guided stories without inventing topology
- One file, ready to trust and share — typed JSON IR and deterministic checks produce self-contained HTML plus PNG, SVG, WebM, and 1200×630 share cards
  
**Current development version:** `v2.16.0-dev.0`. See [Changelog](CHANGELOG.md#unreleased).
**[Project page](https://tt-a1i.github.io/archify/)** · **[Scenario guide](https://tt-a1i.github.io/archify/guide.html)** · **[Proof Lab](https://tt-a1i.github.io/archify/gallery.html)**
npx skills
Related Skills
SVG Diagram
Agent skill that draws architecture, flowchart, sequence, data-flow and lifecycle diagrams as hand-placed SVG,
Note To Artifact
Use when turning notes, data, or a plan into a beautiful, self-contained HTML artifact (report, dashboard, pla
Dd Docs
Open the Data Documentation and Diagrams department (reflect stage) and route the request to one of its 20 ato
Claude Video Skills
11 Claude skills that make professional motion-graphics videos (launch films, explainers, social ads, data sto
AI Analyst Genome
AI Analyst Genome — self-contained bootstrap for building AI Data Analyst products with Claude Code. Powered b
Deai
deai — de-AI writing for Chinese text. One self-contained Agent Skill: strip AI flavor from web novels, fictio
Related Agents
Boxbox Visualizer
Takes the analyzer's graph.json and renders a beautiful, beginner-friendly self-contained HTML diagram. Used b
YouTube Archify Diagrammer
Generates real-world architecture, workflow, sequence, dataflow, or lifecycle diagrams for a "Claude Explains"
Preview HTML Author
Use ONLY as part of the /design-md skill pipeline. Builds one self-contained preview HTML file (preview.html)