archify

Any agent Skill: generate beautiful architecture diagrams with dark/light theme toggle and PNG/JPEG/WebP/SVG export

701 articles 3.6k View on GitHub ↗
701 articles
Archify Component Types Explained: A Complete Guide to Schema-Driven Architecture Diagrams

Discover Archify component types, from frontend to database, essential for creating schema-driven architecture diagrams. Learn how types define validation, rendering, and styling.

deep-dive
Sep 13, 2026
Archify viewBox Dimensions Calculation and Overflow Handling

Discover how Archify calculates SVG viewBox dimensions and handles overflow with a four-stage pipeline. Learn about uniform scaling, bounds derivation, and CSS clip-path for seamless zooming.

internals
Sep 13, 2026
How Archify Update Checker Functionality Validates Release Integrity

Learn how Archify's update checker validates release integrity with semantic versioning, SHA-256 hashes, and cross-artifact consistency through its CI subsystem.

how-to-guide
Sep 13, 2026
Archify Geometry Module Layout and Spacing: Immutable Geometry Architecture

Learn how Archify separates immutable SVG geometry from layout transformations. Ensure spacing and positioning operate on cloned geometry without mutating the original source.

internals
Sep 13, 2026
Archify Diagram Types Comparison and Selection: Complete Guide to Choosing the Right Visual Model

Compare Archify diagram types dataflow sequence deployment and architecture to select the right visual model for your needs. This guide helps you choose effectively.

comparison-guide
Sep 13, 2026
Archify Viewer Internationalization and Locale: Complete Implementation Guide

Implement Archify viewer internationalization and locale effortlessly. Learn how the lightweight i18n engine supports dynamic locale switching RTL languages and accessibility without page reloads.

how-to-guide
Sep 13, 2026
Archify Lifecycle Phase Column Rules: Mapping Phases to Visual Columns

Learn Archify lifecycle phase column rules. Map phases to visual columns using the N+2 offset for clear, testable diagrams. Understand terminal outcomes and event bands.

how-to-guide
Sep 13, 2026
Archify Migration Tool: Workflow Schema v1 to v2 Upgrade Guide

Upgrade your Archify migration tool workflow schema from v1 to v2. This guide details remapping coordinates, separating viewBox, and validating your v2 schema for seamless migration.

migration-guide
Sep 13, 2026
How to Export Share Cards in Archify: Generating 1200×630 PNG Diagrams

Export stunning 1200x630 PNG share cards from Archify. Learn how to generate high-resolution diagrams for generic, route-specific, and reachability analysis variants with this guide.

how-to-guide
Sep 13, 2026
Archify Viewer Focus, Reach, Route, and Lens Features Explained

Explore Archify viewer features: Focus, Reachability, Route Probing, and Semantic Lens. Inspect nodes, trace dependencies, animate paths, and browse relationships in self-contained HTML.

deep-dive
Sep 13, 2026
Archify Viewer Animation Trace Mode Usage: Complete Implementation Guide

Unlock Archify viewer animation trace mode with this guide. Learn how to visualize semantic flow by setting data-animation trace on SVG containers and control animations with hover and focus.

how-to-guide
Sep 13, 2026
Archify Guided Views and Chapters in the Viewer: Interactive Diagram Walkthroughs

Explore Archify's guided views and chapters for interactive diagram walkthroughs. Learn how Archify orchestrates step-by-step navigation and animations in the viewer.

tutorial
Sep 13, 2026
…

Have a question about this repo?

These articles cover the highlights, but your codebase questions are specific. Give your agent direct access to the source. Share this with your agent to get started:

Share the following with your agent to get started:
curl -s "https://instagit.com/install.md"

Works with
Claude Codex Cursor VS Code OpenClaw Any MCP Client

Maintain an open-source project? Get it listed too →