archify

Project Overview

Archify is a Node.js rendering and validation system for Cursor, Claude Code, Codex CLI, and OpenCode. Agents produce typed JSON IR, and Archify deterministically compiles it into HTML/SVG to generate polished, interactive system maps.

Key Features

• Five diagram types: architecture, workflow, sequence, data-flow, and lifecycle
• Four presets, dark/light themes, and built-in brand marks
• Architecture change review: compare two validated snapshots with added, removed, changed, and moved facts
• Node search, source verification, upstream/downstream path tracing, role comparison, and guided stories
• Export formats: self-contained HTML, PNG, SVG, WebM, and 1200×630 share cards

Target Audience

• Developers and architects using AI coding agents
• Teams who need system architecture visualization and change review

Quick Start

1. Install the skill via npx skills add tt-a1i/archify -g
2. Describe your system or codebase in any agent chat
3. Archify automatically generates an interactive system map

Core Advantages

• No repository required: describe the system in any agent chat
• Verifiable deterministic rendering for consistent output
• Architecture change review with before/after comparison
• Self-contained HTML output for easy sharing and presentation

System Requirements

• OS: Cross-platform (works with Cursor, Claude Code, Codex CLI, OpenCode, and other agent environments)