# archify | tt-a1i | Knowledge Base | Instagit

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

GitHub Stars: 3.6k

Repository: https://github.com/tt-a1i/archify

---

## Articles

### [How Archify Preview Handles Failures: A Deep Dive into Error Recovery](/tt-a1i/archify/archify-preview-handle-failures)

Discover how Archify preview handles failures. Learn about its robust error recovery, fallback messages, and seamless theme toggle functionality for a smooth user experience.

- Tags: deep-dive
- Published: 2026-09-06

### [How to Use the Archify CLI Preview Command: Complete Guide with Examples](/tt-a1i/archify/use-archify-cli-preview-command)

Master the Archify CLI preview command to generate interactive HTML workflows directly from your terminal. Visualize diagrams instantly without the web UI. Get the complete guide with examples.

- Tags: how-to-guide
- Published: 2026-09-06

### [How the `--quality showcase` Flag Works in `archify validate`: A Complete Guide](/tt-a1i/archify/quality-showcase-flag-archify-validate)

Learn how the `--quality showcase` flag in archify validate enforces stricter visual rules and upgrades rendering for publication-ready diagrams. Get exclusive SHOWCASE PASS receipts.

- Tags: how-to-guide
- Published: 2026-09-06

### [How to Validate a JSON File with Archify CLI: Complete Command Guide](/tt-a1i/archify/validate-json-file-archify-cli)

Easily validate JSON files using Archify CLI. Learn the command `node bin/archify.mjs validate <type> <file.json>` and optional flags for quality and machine-readable output.

- Tags: how-to-guide
- Published: 2026-09-06

### [How to Use the Archify CLI `guide` Command: Complete Tutorial](/tt-a1i/archify/use-archify-cli-guide-command)

Master the Archify CLI guide command with this tutorial. Quickly access formatting and language-aware help directly in your terminal, no browser needed. Learn to use Archify efficiently.

- Tags: tutorial
- Published: 2026-09-06

### [How to Generate Archify Demos: A Complete Guide to the CLI Demo Command](/tt-a1i/archify/how-to-generate-archify-demos)

Easily generate Archify demos with the CLI demo command. Create ready to open HTML architecture diagrams and save them to your chosen directory.

- Tags: how-to-guide
- Published: 2026-09-06

### [How to Use the Archify CLI `doctor` Command: Complete Health-Check Guide](/tt-a1i/archify/use-archify-cli-doctor-command)

Learn to use the Archify CLI doctor command for a complete installation health-check. Ensure your Archify setup is ready before running other commands.

- Tags: how-to-guide
- Published: 2026-09-06

### [How to Diagnose Workflow v2 Geometry Issues in Archify: A Complete Troubleshooting Guide](/tt-a1i/archify/diagnose-workflow-v2-geometry-issues)

Diagnose Archify v2 geometry issues caused by invalid metadata, SVG coordinates, or schema mismatches. Resolve them with CLI validation, SVG inspection, or migration tools.

- Tags: how-to-guide
- Published: 2026-09-06

### [How to Interpret Archify Validation Errors: A Complete Guide to Understanding JSON Receipts](/tt-a1i/archify/interpret-archify-validation-errors)

Learn to interpret Archify validation errors with our guide to understanding JSON receipts. Resolve issues efficiently using diagnostics and supported fixes.

- Tags: how-to-guide
- Published: 2026-09-06

### [How Archify Handles Reduced Motion Preferences: CSS Media Queries and JavaScript Runtime Checks](/tt-a1i/archify/archify-handle-reduced-motion-preferences)

Archify respects reduced motion preferences by disabling animations with CSS media queries and JavaScript matchMedia checks. Ensure a better user experience for all.

- Tags: deep-dive
- Published: 2026-09-06

### [How to Switch Between Light and Dark Themes in Archify](/tt-a1i/archify/switch-light-dark-themes-archify)

Easily switch between light and dark themes in Archify. Learn how to enable OS detection, URL overrides, and localStorage persistence for a seamless experience.

- Tags: how-to-guide
- Published: 2026-09-06

### [What Visual Presets Are Available in Archify?](/tt-a1i/archify/available-visual-presets-archify)

Explore Archify's four visual presets: classic, signal-flow, blueprint, and editorial. Easily style your diagrams with meta.visual_preset for a refined look without altering structure.

- Tags: documentation
- Published: 2026-09-06

### [Archify Schema Common Shared Definitions: Complete Reference Guide](/tt-a1i/archify/common-shared-definitions-archify-schemas)

Explore Archify's common shared definitions in this reference guide. Learn how centralized primitives ensure consistent identifiers, styling, and UI elements across all diagram types in the tt-a1i/archify repository.

- Tags: api-reference
- Published: 2026-09-06

### [How Archify Handles Additional Properties in JSON Schemas: Strict Validation and Auto-Repair](/tt-a1i/archify/archify-handle-additional-properties-schemas)

Discover how Archify enforces strict JSON schema validation. Learn about its auto-repair feature for unexpected additional properties by removing them.

- Tags: deep-dive
- Published: 2026-09-06

### [Archify JSON IR Schema Structure: A Complete Guide to Diagram Syntax](/tt-a1i/archify/json-ir-schema-structure-archify-diagrams)

Learn the Archify JSON IR schema structure for diagrams. Understand lanes, nodes, edges, and summaryCards validated with JSON Schema. Get the complete guide to diagram syntax.

- Tags: api-reference
- Published: 2026-09-06

### [How Lifecycle Phase Columns Align With Event Columns in Archify: A Visual Layout Guide](/tt-a1i/archify/lifecycle-phase-column-alignment)

Understand how Archify's lifecycle phase columns align with event columns using a visual layout guide. Learn about the +2 column offset and staggered three-band layout for clear data visualization.

- Tags: how-to-guide
- Published: 2026-09-06

### [How to Visualize Lifecycles with Archify: A Complete Guide to JSON-to-SVG Rendering](/tt-a1i/archify/how-to-visualize-lifecycles-archify)

Learn to visualize lifecycles with Archify. This guide details how Archify renders concise JSON lifecycle descriptions into production-ready SVG diagrams using its six-stage pipeline.

- Tags: tutorial
- Published: 2026-09-06

### [What Are the Structural Arrays for Data Flow Diagrams in Archify?](/tt-a1i/archify/structural-arrays-data-flow-diagrams)

Discover the two structural arrays, nodes and flows, Archify uses to represent data flow diagrams in its intermediate representation. Learn how Archify builds DFDs.

- Tags: deep-dive
- Published: 2026-09-06

### [How to Create Data Flow Diagrams Using Archify: A Complete Guide](/tt-a1i/archify/how-to-create-data-flow-diagrams-archify)

Learn to create data flow diagrams with Archify. Convert descriptions to interactive diagrams easily using the Archify dataflow renderer.

- Tags: how-to-guide
- Published: 2026-09-06

### [Sequence Diagram Column Fitting Options in Archify: Fixed vs. Spread Layout Modes](/tt-a1i/archify/sequence-diagram-column-fitting-options)

Explore Archify's sequence diagram column fitting options fixed and spread. Learn how meta column fit controls horizontal spacing for better visualization.

- Tags: how-to-guide
- Published: 2026-09-06

### [How to Generate a Sequence Diagram with Archify: Complete Step-by-Step Guide](/tt-a1i/archify/how-to-generate-sequence-diagram-archify)

Learn how to generate sequence diagrams with Archify from JSON files. This guide walks you through the process step by step, enabling easy visualization of your system architecture.

- Tags: how-to-guide
- Published: 2026-09-06

### [How to Perform Semantic Checks on Archify Workflow Diagrams: A Complete Guide](/tt-a1i/archify/semantic-checks-workflow-diagrams)

Learn how to perform semantic checks on Archify workflow diagrams using the semanticChecks property for allowedRoots, allowedTerminals, requiredEdges, and requiredPaths rules.

- Tags: how-to-guide
- Published: 2026-09-06

### [Workflow Diagram Schema Versions in Archify: v1 vs v2 Explained](/tt-a1i/archify/schema-versions-workflow-diagrams)

Explore Archify's workflow diagram schema versions. Understand v1 for legacy support and v2 for the modern readable-v2 compiler. Get clear explanations now.

- Tags: deep-dive
- Published: 2026-09-06

### [How to Use the Workflow Diagram Type in Archify: Complete Guide with JSON Schema and CLI Examples](/tt-a1i/archify/how-to-use-workflow-diagram-archify)

Master Archify's workflow diagram type to model technical processes. Learn to author JSON files validated against the schema and compile them into HTML artifacts with CLI examples.

- Tags: how-to-guide
- Published: 2026-09-06

### [Archify Supported Component Types for Architecture Diagrams: Complete Reference](/tt-a1i/archify/supported-component-types-architecture-diagrams)

Discover Archify supported component types for architecture diagrams: frontend, backend, database, cloud, security, messagebus, and external. Build better diagrams now.

- Tags: api-reference
- Published: 2026-09-06

### [How to Create an Architecture Diagram with Archify: A Complete Guide](/tt-a1i/archify/how-to-create-architecture-diagram-archify)

Learn to create architecture diagrams effortlessly with Archify, a powerful CLI tool. Convert natural language to interactive diagrams using an LLM workflow. Get your guide now.

- Tags: how-to-guide
- Published: 2026-09-06

### [Archify Prerequisites: Complete Setup Guide for Node.js Skill Installation](/tt-a1i/archify/what-are-the-prerequisites-for-archify)

Learn Archify prerequisites for Node.js setup. Install Archify with Node.js 22.19+ or 24+, npm/npx, and optional agent runtimes for a smooth experience.

- Tags: how-to-guide
- Published: 2026-09-06

### [What Is the Role of validator.mjs in Archify? Schema Validation Deep Dive](/tt-a1i/archify/what-is-the-role-of-validator.mjs-in-archify)

Discover how Archify's validator.mjs ensures diagram definitions meet schemas. Learn about schema validation and enhanced error diagnostics.

- Tags: deep-dive
- Published: 2026-09-05

### [How Archify Canonicalizes Inputs for the `compare` Command](/tt-a1i/archify/how-does-archify-canonicalize-inputs-for-the-compare-command)

Learn how Archify canonicalizes inputs for the compare command. It validates JSON, sorts facts, prunes fields, and normalizes paths for deterministic diffs.

- Tags: internals
- Published: 2026-09-05

### [Output Format of Archify's Compare Command: HTML Delta and JSON Receipt](/tt-a1i/archify/what-is-the-output-format-of-archifys-compare-command)

Explore Archify's compare command output: an HTML delta for visualization and a JSON receipt for machine readability. Understand architectural changes easily.

- Tags: api-reference
- Published: 2026-09-05

### [How to Compare Two Architecture Snapshots Using Archify](/tt-a1i/archify/how-to-use-archify-to-compare-two-architecture-snapshots)

Easily compare two architecture snapshots using Archify. Generate precise Before Delta After visualizations to identify changes between JSON snapshots. Get started today

- Tags: how-to-guide
- Published: 2026-09-05

### [How Archify Handles Failures During the Delivery Process: Atomic Validation and Repair Receipts](/tt-a1i/archify/how-does-archify-handle-failures-during-the-delivery-process)

Archify ensures artifact delivery success with atomic validation and repair receipts. Prevent broken artifacts and get actionable diagnostic data on failure.

- Tags: deep-dive
- Published: 2026-09-05

### [What Information Is Included in an Archify Delivery Receipt?](/tt-a1i/archify/what-information-is-included-in-an-archify-delivery-receipt)

Discover what information an Archify delivery receipt contains. This machine-readable JSON document cryptographically verifies your rendered HTML artifact matches the source specification.

- Tags: api-reference
- Published: 2026-09-05

### [What Is the Staging Directory in Archify’s Delivery Process?](/tt-a1i/archify/what-is-the-purpose-of-the-staging-directory-in-archifys-delivery-process)

Discover the staging directory in Archify's delivery process. Learn how this private folder isolates artifacts, enables atomic commits, and ensures crash-resilient deliveries for tt-a1i/archify.

- Tags: deep-dive
- Published: 2026-09-05

### [How the Archify Deliver Command Implements Atomic Commits](/tt-a1i/archify/how-does-archifys-deliver-command-implement-atomic-commits)

Learn how Archify's deliver command ensures atomic commits through temporary staging, validation, and a final rename operation, guaranteeing safe HTML artifact replacement.

- Tags: internals
- Published: 2026-09-05

### [How to Get Repair Guidance for Archify Validation Errors](/tt-a1i/archify/how-to-get-repair-guidance-for-archify-validation-errors)

Fix Archify validation errors easily with the CLI's machine readable JSON receipt. Discover specific supportedFixes to guide your exact repairs and resolve issues quickly.

- Tags: how-to-guide
- Published: 2026-09-05

### [What Information Is Included in Archify's Diagnostic Output?](/tt-a1i/archify/what-information-is-included-in-archifys-diagnostic-output)

Explore Archify's diagnostic output. Understand the structured JSON receipt, including codes, messages, locations, evidence, and supported fixes for errors. Improve your workflow now.

- Tags: how-to-guide
- Published: 2026-09-05

### [What Are the Artifact Composition Checks in Archify? A Complete Technical Guide](/tt-a1i/archify/what-are-the-artifact-composition-checks-performed-by-archify)

Discover Archify's five artifact composition checks. Learn how they validate structural integrity, prevent visual ambiguity, and ensure SVG readability for your technical artifacts.

- Tags: deep-dive
- Published: 2026-09-05

### [What Tool Does Archify Use for Schema Validation?](/tt-a1i/archify/what-tool-does-archify-use-for-schema-validation)

Archify leverages Ajv v8.x for robust schema validation of JSON-IR, ensuring strict standalone validators with a fallback for unavailable dependencies.

- Tags: deep-dive
- Published: 2026-09-05

### [How the Archify Lifecycle Renderer Handles State Machines: From JSON IR to Deterministic SVG](/tt-a1i/archify/how-does-the-archify-lifecycle-renderer-handle-state-machines)

Discover how Archify's lifecycle renderer transforms state machine JSON into SVG diagrams. Learn about input validation, geometry computation, and rendering states and transitions for clear visualization.

- Tags: internals
- Published: 2026-09-05

### [Archify Architecture Renderer Layout Features: Interactive Diagram Engine Explained](/tt-a1i/archify/what-are-the-layout-features-of-the-archify-architecture-renderer)

Discover Archify's interactive diagram engine layout features. Explore deterministic adaptive engines, zooming, theming, and stable edges with configurable APIs.

- Tags: deep-dive
- Published: 2026-09-05

### [How Archify Visualizes Data Pipelines with the Dataflow Renderer](/tt-a1i/archify/how-does-archify-visualize-data-pipelines-with-the-dataflow-renderer)

Learn how Archify visualizes data pipelines using the Dataflow Renderer. Explore the six-stage process that transforms JSON into interactive SVG diagrams. See your data flow clearly.

- Tags: how-to-guide
- Published: 2026-09-05

### [What Kind of Diagrams Does the Archify Sequence Renderer Create?](/tt-a1i/archify/what-kind-of-diagrams-does-the-archify-sequence-renderer-create)

Archify sequence renderer generates UML sequence diagrams visualizing ordered interactions with lifelines and activation bars. Understand complex system flows easily.

- Tags: deep-dive
- Published: 2026-09-05

### [How the Archify Workflow Renderer Works: A Zero-Dependency Rendering Pipeline Explained](/tt-a1i/archify/how-does-the-archify-workflow-renderer-work)

Discover how the Archify workflow renderer, a zero-dependency pipeline, transforms Workflow JSON IR into interactive HTML/SVG diagrams. Learn about its parsing, typed rendering, and layout-check hooks.

- Tags: internals
- Published: 2026-09-05

### [How to Render an Architecture Diagram with Archify: A Complete CLI Guide](/tt-a1i/archify/how-to-render-an-architecture-diagram-with-archify)

Learn to render architecture diagrams with Archify CLI. This guide covers installation, validation, rendering, and delivery for polished SVG diagrams from JSON.

- Tags: how-to-guide
- Published: 2026-09-05

### [What is the Purpose of schema_version in Archify JSON? A Complete Guide](/tt-a1i/archify/what-is-the-purpose-of-schema_version-in-archify-json)

Understand the purpose of schema_version in Archify JSON. This guide explains how it ensures validation, backward compatibility, and safe migrations for your project.

- Tags: deep-dive
- Published: 2026-09-05

### [How Archify Ensures Deterministic Compilation of Diagrams](/tt-a1i/archify/how-does-archify-ensure-deterministic-compilation-of-diagrams)

Archify ensures deterministic diagram compilation with JSON normalization, stable comparisons, and a deterministic ZIP writer for byte-for-byte identical outputs every time.

- Tags: internals
- Published: 2026-09-05

### [Where Are Archify's JSON Schema Definitions Located?](/tt-a1i/archify/where-are-archifys-json-schema-definitions-located)

Find Archify JSON schema definitions in the archify/schemas/ directory. Discover dedicated files for diagram types and a common schema for reusable definitions.

- Tags: api-reference
- Published: 2026-09-05

### [Archify Core Data Model Explained: JSON Intermediate Representation Deep Dive](/tt-a1i/archify/what-is-archifys-core-data-model)

Explore Archify's core data model, a typed JSON Intermediate Representation (IR) that structures system maps with schemas, metadata, components, and connections. Learn how Archify organizes data for your projects.

- Tags: deep-dive
- Published: 2026-09-05

### [Understanding Archify's Brand Mark Operations: CLI Reference and Usage](/tt-a1i/archify/what-are-archify-s-brand-mark-operations-and-how-to-use-them)

Learn Archify's brand mark operations with our CLI reference. Manage SVG logo catalogues using list, capture, and show commands to enhance architecture diagrams with brand icons.

- Tags: api-reference
- Published: 2026-09-04

### [How to Migrate a Workflow Schema from v1 to v2 in Archify](/tt-a1i/archify/how-can-i-migrate-a-workflow-schema-from-v1-to-v2-in-archify)

Migrate your Archify workflow schema from v1 to v2 easily using the CLI command. Convert absolute coordinates to logical column formats automatically.

- Tags: migration-guide
- Published: 2026-09-04

### [How Archify Validates Schemas at Runtime Without npm Dependencies](/tt-a1i/archify/how-is-the-runtime-validation-of-archify-schemas-achieved-without-npm-dependencies)

Discover how Archify achieves runtime schema validation without npm dependencies. It compiles JSON schemas into standalone JS functions during build for efficient, self-contained validation.

- Tags: internals
- Published: 2026-09-04

### [Understanding `additionalProperties: false` in Archify JSON Schemas](/tt-a1i/archify/what-does-additionalproperties-false-mean-in-archify-json-schemas)

Learn how additionalProperties false in Archify JSON schemas enforces strict validation by disallowing undefined properties, ensuring data integrity.

- Tags: deep-dive
- Published: 2026-09-04

### [How Archify Manages Shared Definitions: Element IDs and Points in JSON Schemas](/tt-a1i/archify/how-are-shared-definitions-like-element-ids-and-points-managed-in-archify-schemas)

Discover how Archify manages shared definitions like element IDs and points in JSON schemas. Learn about reusable components and `$ref` pointers for efficient diagram schema management.

- Tags: internals
- Published: 2026-09-04

### [What Is the Preview Command in Archify? Live-Reload Diagram Development](/tt-a1i/archify/what-is-the-purpose-of-the-preview-command-in-archify)

Archify's preview command streamlines diagram development. It auto-rebuilds artifacts and live-reloads browser updates via SSE for efficient, real-time verification.

- Tags: how-to-guide
- Published: 2026-09-04

### [Can Archify Diagrams Be Rendered Offline Without a Hosted Editor?](/tt-a1i/archify/can-archify-diagrams-be-rendered-offline-without-a-hosted-editor)

Render Archify diagrams offline with self-contained HTML files. No hosted editor needed for inline SVG and JavaScript viewer. Explore Archify's full offline capability now.

- Tags: how-to-guide
- Published: 2026-09-04

### [How Archify's Validation Process Identifies Repairs in Machine-Readable JSON](/tt-a1i/archify/how-does-archify-s-validation-process-work-to-identify-repairs-in-machine-readable-json)

Archify's validation pipeline converts schema and layout violations into diagnostic objects with machine-actionable supportedFixes, identifying repairs in machine-readable JSON.

- Tags: deep-dive
- Published: 2026-09-04

### [Deployment-Ownership Engineering Profile in Archify: Requirements and Validation Guide](/tt-a1i/archify/what-are-the-requirements-for-the-deployment-ownership-engineering-profile-in-archify)

Learn the requirements for Archify's deployment-ownership engineering profile. Discover six validation rules for owner tags, region, security groups, and connection mechanisms. Ensure diagram compliance.

- Tags: how-to-guide
- Published: 2026-09-04

### [How to Use the Archify Guide Command for Interactive Scenario Exploration](/tt-a1i/archify/how-do-i-use-the-archify-guide-command-for-interactive-scenario-exploration)

Explore architectural scenarios interactively with the Archify guide command. Discover the best diagram recipes for your unique architecture challenges using this bilingual question-first interface.

- Tags: how-to-guide
- Published: 2026-09-04

### [How to Compare Two Architecture Diagrams Using Archify: The Complete Guide](/tt-a1i/archify/how-can-i-compare-two-architecture-diagrams-using-archify)

Compare architecture diagrams with Archify. This guide shows how to perform deterministic delta comparisons on JSON snapshots, generating HTML visualizations and detailed JSON receipts.

- Tags: how-to-guide
- Published: 2026-09-04

### [Understanding the Engineering Profile for Archify Architecture Diagrams](/tt-a1i/archify/what-is-the-engineering-profile-for-archify-architecture-diagrams)

Discover the Archify engineering profile, a metadata marker that enables domain-specific validation for architecture diagrams. Learn how it enforces ownership and boundary rules.

- Tags: architecture
- Published: 2026-09-04

### [Visual Presets for Archify Diagrams: Available Styles and How to Apply Them](/tt-a1i/archify/what-are-the-available-visual-presets-for-archify-diagrams-and-how-to-use-them)

Explore four visual presets for Archify diagrams: classic, signal-flow, blueprint, and editorial. Apply them easily via JSON to style diagrams without changing node positions.

- Tags: how-to-guide
- Published: 2026-09-04

### [How Archify's JSON IR Schema System Ensures Data Integrity: A Complete Technical Guide](/tt-a1i/archify/how-does-archify-s-json-ir-schema-system-ensure-data-integrity)

Archify ensures data integrity with a strict, versioned JSON Schema and pre-compiled AJV validators. Learn how Archify rejects malformed data early for robust processing.

- Tags: deep-dive
- Published: 2026-09-04

### [What Are the semanticChecks Available for Archify Workflow Diagrams? A Complete Guide to Structural Validation](/tt-a1i/archify/what-are-the-semanticchecks-available-for-archify-workflow-diagrams)

Discover Archify's semanticChecks: allowedRoots, allowedTerminals, requiredEdges, and requiredPaths. Enforce structural constraints on your workflow diagrams at compile time. Learn more now.

- Tags: how-to-guide
- Published: 2026-09-04

### [How Archify Handles Schema Versions for Workflow Diagrams](/tt-a1i/archify/how-does-archify-handle-schema-versions-for-workflow-diagrams)

Learn how Archify manages schema versions for workflow diagrams. Discover automatic migration and backward compatible rendering pipelines for seamless updates.

- Tags: internals
- Published: 2026-09-04

### [What Is the Purpose of the visual-check Command in Archify?](/tt-a1i/archify/what-is-the-purpose-of-the-visual-check-command-in-archify)

Discover the purpose of Archify's visual-check command. Automate browser evidence checks, validate diagram layouts, and capture screenshots for efficient review.

- Tags: how-to-guide
- Published: 2026-09-04

### [How the Archify Deliver Command Ensures Atomic Commits of Diagrams](/tt-a1i/archify/how-does-the-archify-deliver-command-ensure-atomic-commits-of-diagrams)

Learn how the Archify deliver command ensures atomic commits of diagrams. It stages, validates, and atomically renames artifacts, preventing corrupted diagrams.

- Tags: internals
- Published: 2026-09-04

### [Understanding the Quality Profiles for Archify Diagrams: A Complete Guide](/tt-a1i/archify/what-are-the-different-quality-profiles-for-archify-diagrams)

Explore Archify diagram quality profiles standard and showcase. Understand how each profile validates composition, ensuring your diagrams meet project needs.

- Tags: deep-dive
- Published: 2026-09-04

### [How to Render a Diagram from JSON IR using the Archify CLI](/tt-a1i/archify/how-do-i-render-a-diagram-from-json-ir-using-the-archify-cli)

Easily render diagrams from JSON IR using the Archify CLI. Convert IR files to interactive HTML diagrams with SVG visualizations and validation receipts. Learn the command: archify render <type> <input.json>.

- Tags: how-to-guide
- Published: 2026-09-04

### [CLI Command to Verify Archify Installation: Complete Guide to the Doctor Check](/tt-a1i/archify/what-is-the-cli-command-to-verify-archify-installation)

Verify your Archify installation with the doctor command. Run node bin/archify.mjs doctor to check your setup and ensure it's healthy.

- Tags: how-to-guide
- Published: 2026-09-04

### [How to Validate JSON IR Generated by AI Agents Using Archify](/tt-a1i/archify/how-can-i-validate-the-json-ir-generated-by-ai-agents-using-archify)

Validate AI generated JSON IR with Archify using CLI or AJV for reliable processing. Ensure downstream tools can process agent outputs successfully.

- Tags: how-to-guide
- Published: 2026-09-04

### [Supported Diagram Types in Archify: A Complete Guide to the 5 Formats](/tt-a1i/archify/what-are-the-supported-diagram-types-in-archify-and-when-to-use-each)

Discover the 5 supported diagram types in Archify: Architecture, Workflow, Sequence, Data Flow, and Lifecycle. Learn which Archify diagram to use for your needs.

- Tags: deep-dive
- Published: 2026-09-04

### [How Archify Generates Architecture Diagrams from AI Code Agent Output](/tt-a1i/archify/how-does-archify-generate-architecture-diagrams-from-ai-code-agent-output)

Discover how Archify generates architecture diagrams from AI code agent output. It transforms JSON into Mermaid syntax and renders SVGs client-side for efficient visualization.

- Tags: how-to-guide
- Published: 2026-09-04

### [How Archify's `deliver` Command Handles Failures: A Complete Guide to Safe, Atomic Delivery](/tt-a1i/archify/archify-deliver-command-failure-handling)

Learn how Archify's deliver command ensures safe, atomic artifact delivery. Discover its failure handling, preventing corruption and providing diagnostic receipts for automated repair.

- Tags: deep-dive
- Published: 2026-09-02

### [How to Fix Archify Diagram Composition Errors: Solving Label Route Clearance Issues](/tt-a1i/archify/fix-archify-diagram-composition-errors)

Fix Archify diagram composition errors and label route clearance issues. Adjust labelAt coordinates or edge routes to resolve validation problems.

- Tags: how-to-guide
- Published: 2026-09-02

### [What Does Archify Diagnostic Code `composition/label-route-clearance` Mean?](/tt-a1i/archify/archify-diagnostic-codes-meaning)

Understand the Archify diagnostic code composition/label-route-clearance. Learn how label proximity to relationship segments causes visual ambiguity and how to fix it.

- Tags: how-to-guide
- Published: 2026-09-02

### [How to Interpret Archify Validation and Diagnostic Receipts: A Complete Parsing Guide](/tt-a1i/archify/archify-validation-diagnostic-receipts-interpretation)

Learn to interpret Archify validation and diagnostic receipts. This guide parses the machine-readable JSON output from Archify for successful validation and detailed failure analysis.

- Tags: how-to-guide
- Published: 2026-09-02

### [How to Use the Archify CLI to Migrate Workflow Schemas: A Complete Guide](/tt-a1i/archify/archify-cli-migrate-workflow-schemas)

Easily migrate workflow schemas with the Archify CLI. Learn how to convert legacy schemas to JSON-IR format with this complete guide and ensure seamless workflow updates.

- Tags: how-to-guide
- Published: 2026-09-02

### [How to Use the Archify CLI to Compare Architecture Diagrams: A Complete Guide](/tt-a1i/archify/archify-cli-compare-diagrams)

Learn to compare architecture diagrams with the Archify CLI. Generate validated receipts and visualize differences or export for programmatic use. Master diagram comparison today.

- Tags: how-to-guide
- Published: 2026-09-02

### [How to Use the Archify CLI to Render a Diagram: A Complete Guide for Architecture and Workflow Visuals](/tt-a1i/archify/archify-cli-render-diagram)

Learn to render diagrams with the Archify CLI using a simple command. Visualize your architecture and workflows efficiently with built-in validation and auto-open options.

- Tags: how-to-guide
- Published: 2026-09-02

### [Archify Quality Profiles Standard vs Showcase: Key Differences Explained](/tt-a1i/archify/archify-quality-profiles-standard-showcase)

Understand the Archify quality profiles standard vs showcase. Learn how standard offers permissive validation with warnings, while showcase enforces strict production rules to ensure visual quality.

- Tags: deep-dive
- Published: 2026-09-02

### [Archify Visual Presets: A Complete Guide to Using Classic, Signal‑Flow, Blueprint, and Editorial Themes](/tt-a1i/archify/archify-visual-presets-usage)

Explore Archify visual presets including classic, signal-flow, blueprint, and editorial. Learn how to activate and use these themes to customize your documentation.

- Tags: deep-dive
- Published: 2026-09-02

### [How Archify Uses Repository Evidence for Nodes: Source Verification and Interactive Beacons Explained](/tt-a1i/archify/archify-repository-evidence-nodes)

Archify uses repository evidence to verify node source code locations, injecting interactive beacons with provenance data into HTML for enhanced understanding. Learn more.

- Tags: deep-dive
- Published: 2026-09-02

### [Archify Geometry Repair Rules for Layouts: A Complete Technical Guide](/tt-a1i/archify/archify-geometry-repair-rules-layout)

Explore Archify's geometry repair rules for layouts. Discover nine core rules that validate and fix diagram geometry, ensuring precise layouts.

- Tags: deep-dive
- Published: 2026-09-02

### [How Archify Handles Spacing Math for Diagrams: A CSS‑Based Layout System](/tt-a1i/archify/archify-spacing-math-diagrams)

Discover how Archify uses CSS for spacing math to create consistent diagram layouts. Learn about its rem-based system, flex-box gaps, and scale-aware properties for reliable visuals.

- Tags: internals
- Published: 2026-09-02

### [Where to Find the Archify Authoring Contract: Complete File Path Guide](/tt-a1i/archify/archify-authoring-contract-location)

Locate the Archify authoring contract within the tt-a1i/archify repository. Get the complete file path for the authoring contract now.

- Tags: api-reference
- Published: 2026-09-02

### [Archify JSON IR Schema Structure: Complete Reference Guide](/tt-a1i/archify/archify-json-ir-schema-structure)

Explore the Archify JSON IR schema structure for defining architecture diagrams data-flow graphs and workflows. Understand its components connections metadata and more in this comprehensive guide.

- Tags: api-reference
- Published: 2026-09-02

### [How Archify Maps Mermaid Diagram Types to Its Native Types](/tt-a1i/archify/archify-mermaid-diagram-mapping)

Discover how Archify transforms Mermaid diagrams into its native types. Archify infers diagram intent via prompt engineering for a unique JSON representation, not direct rendering.

- Tags: internals
- Published: 2026-09-02

### [Archify Lifecycle Diagrams: 7 Key Fields You Must Define](/tt-a1i/archify/archify-lifecycle-diagram-key-fields)

Unlock Archify lifecycle diagram essentials. Discover the 7 critical fields schema_version meta lanes states transitions and cards needed for valid state visualizations.

- Tags: how-to-guide
- Published: 2026-09-02

### [Archify Sequence Diagrams: Complete Guide to Key Fields and JSON Schema](/tt-a1i/archify/archify-sequence-diagram-key-fields)

Discover the essential fields for Archify sequence diagrams: participants, messages, groups, annotations, and metadata. Learn how these elements enable deterministic, D2-compatible visualizations.

- Tags: deep-dive
- Published: 2026-09-02

### [Archify Workflow Diagram Key Fields: Complete Schema Reference](/tt-a1i/archify/archify-workflow-diagram-key-fields)

Explore the Archify workflow diagram schema reference and understand the seven mandatory JSON fields including schema version, diagram type, meta title, lanes, nodes, and edges.

- Tags: api-reference
- Published: 2026-09-02

### [Key Fields for Archify Architecture Diagrams: A Complete Schema Guide](/tt-a1i/archify/archify-architecture-diagram-key-fields)

Discover the key fields for Archify architecture diagrams. Learn the mandatory and optional elements to create strictly validated JSON structures for your diagrams.

- Tags: api-reference
- Published: 2026-09-02

### [How to Migrate Archify Workflow Schemas from v1 to v2: Complete Migration Guide](/tt-a1i/archify/how-can-i-migrate-archify-workflow-schemas-from-v1-to-v2)

Easily migrate Archify workflow schemas from v1 to v2 using our comprehensive guide. Learn how the migrateWorkflowDocument function streamlines this process for your tt-a1i/archify repository.

- Tags: migration-guide
- Published: 2026-09-01

### [How to Use Archify's Live Preview Mode for Real-Time Architecture Diagrams](/tt-a1i/archify/how-do-i-use-archifys-live-preview-mode)

Master Archify's live preview mode. Watch your JSON architecture diagrams update in real time, ensuring only verified, complete renders display in your browser. Avoid broken diagrams.

- Tags: how-to-guide
- Published: 2026-09-01

### [How to Render an Archify Diagram with Validation: Complete Guide](/tt-a1i/archify/how-can-i-render-an-archify-diagram-with-validation)

Learn to render an Archify diagram with validation using the CLI or programmatically. Ensure your diagram is schema-compliant before generating HTML/SVG output. Get the complete guide.

- Tags: how-to-guide
- Published: 2026-09-01

### [How Archify Implements Atomic Commits for Artifact Delivery](/tt-a1i/archify/how-does-archify-implement-atomic-commits-for-artifact-delivery)

Archify ensures atomic artifact delivery using a write-then-rename pattern. Learn how Archify validates and delivers artifacts reliably with this approach.

- Tags: internals
- Published: 2026-09-01

### [Archify Diagnostic Output Format: Complete JSON Receipt Schema for `validate` and `deliver` Commands](/tt-a1i/archify/what-is-the-diagnostic-output-format-for-archifys-validation-and-delivery-commands)

Understand Archify's diagnostic output format. Get the complete JSON receipt schema for validate and deliver commands to view operation status and diagnostics.

- Tags: api-reference
- Published: 2026-09-01

### [How Archify's Quality Profiles Differ: Standard vs. Showcase Validation Modes](/tt-a1i/archify/how-do-archifys-quality-profiles-standard-vs-showcase-differ)

Understand the key differences between Archify's standard and showcase quality profiles. Learn how standard offers flexible validation while showcase enforces strict rules for optimal results.

- Tags: deep-dive
- Published: 2026-09-01

### [Archify Composition Checks: Complete Guide to Layout Reporting in Diagram Validation](/tt-a1i/archify/what-composition-checks-are-included-in-archifys-layout-reporting)

Explore Archify's layout reporting with 11 composition checks. Validate visual quality using metrics like edge crossings, label clearance, and segment lengths. Learn more.

- Tags: how-to-guide
- Published: 2026-09-01

### [What Artifact Checks Does Archify Perform After Rendering?](/tt-a1i/archify/what-artifact-checks-are-performed-by-archify-after-rendering)

Archify performs five artifact checks after rendering: schema, layout, HTML/SVG, route validation, and label-to-route clearance. Ensure your project's integrity with Archify.

- Tags: internals
- Published: 2026-09-01

### [How the Archify Lifecycle Renderer Handles State Transitions and Phase Columns](/tt-a1i/archify/how-does-the-lifecycle-renderer-handle-state-transitions-and-phase-columns)

Learn how the Archify Lifecycle renderer manages state transitions and phase columns with band-based geometry and configurable path algorithms. Explore automatic port spreading for efficient routing.

- Tags: internals
- Published: 2026-09-01

### [How the Data Flow Renderer Visualizes Pipelines and Data Lineage in Archify](/tt-a1i/archify/how-does-the-data-flow-renderer-visualize-pipelines-and-data-lineage)

Explore the Archify Data Flow renderer and discover how it visualizes data pipelines and lineage through interactive SVG diagrams. Understand data movement and privacy boundaries effortlessly.

- Tags: deep-dive
- Published: 2026-09-01

### [Archify Sequence Diagram Column Spacing: Controlling Horizontal Layout with `column_fit` and `column_gap`](/tt-a1i/archify/what-are-the-options-for-controlling-column-spacing-in-archify-sequence-diagrams)

Control Archify sequence diagram column spacing with column_fit and column_gap. Learn how to adjust horizontal layout for better readability in your diagrams.

- Tags: how-to-guide
- Published: 2026-09-01

### [How the Sequence Renderer Manages Participants, Segments, and Messages in Archify](/tt-a1i/archify/how-does-the-sequence-renderer-manage-participants-segments-and-messages)

Discover how the Archify Sequence renderer manages participants, segments, and messages by transforming JSON into validated SVG geometry with precise z-order rendering.

- Tags: internals
- Published: 2026-09-01

### [What Optional Semantic Checks Are Available for Archify Workflow Diagrams](/tt-a1i/archify/what-optional-semantic-checks-are-available-for-archify-workflow-diagrams)

Discover optional semantic checks for Archify workflow diagrams like allowedRoots and requiredPaths. Enforce structural contracts at compile time for robust graph design.

- Tags: how-to-guide
- Published: 2026-09-01

### [How the Workflow Renderer Handles Schema Versions and Layout Contracts in Archify](/tt-a1i/archify/how-does-the-workflow-renderer-handle-schema-versions-and-layout-contracts)

Discover how the Archify Workflow renderer manages schema versions and layout contracts with a migration layer for backward compatibility and semantic contracts for UI.

- Tags: internals
- Published: 2026-09-01

### [What Is the Deployment‑Ownership Engineering Profile in Archify Architecture Diagrams?](/tt-a1i/archify/what-is-the-deployment-ownership-engineering-profile-in-archify-architecture-diagrams)

Understand the deployment-ownership engineering profile in Archify architecture diagrams. Enforce ownership, regional boundaries, and security for clear operational responsibility and trust.

- Tags: deep-dive
- Published: 2026-09-01

### [Archify Component Types: The Complete Guide to Supported Architecture Diagram Elements](/tt-a1i/archify/what-are-the-supported-component-types-for-the-archify-architecture-diagrams)

Explore Archify's eight supported component types for architecture diagrams including cloud resources databases services security and more Discover the full range of elements for your diagrams

- Tags: api-reference
- Published: 2026-09-01

### [How the Architecture Renderer in Archify Compiles Diagrams: A Technical Deep Dive](/tt-a1i/archify/how-does-the-architecture-renderer-in-archify-compile-diagrams)

Explore how the Archify Architecture Renderer compiles diagrams client-side using a three-stage pipeline: JSON parsing, DOT conversion, and Viz.js SVG generation. No server needed.

- Tags: deep-dive
- Published: 2026-09-01

### [Archify Diagram Types Explained: 5 Use Cases for Architecture, Workflow, Sequence, Data Flow, and Lifecycle Diagrams](/tt-a1i/archify/what-are-the-specific-use-cases-for-each-of-archifys-five-diagram-types)

Discover Archify's 5 diagram types: architecture, workflow, sequence, data flow, and lifecycle. Learn specific use cases to improve your technical communication and system visualization.

- Tags: use-case-guide
- Published: 2026-09-01

### [How Archify Generates and Compiles JSON Schemas: A Deep Dive into Runtime Validation](/tt-a1i/archify/how-are-archifys-json-schemas-generated-and-compiled)

Discover how Archify compiles static JSON schema files into fast AJV validator functions at build time for efficient runtime validation without loading raw schemas.

- Tags: deep-dive
- Published: 2026-09-01

### [How Archify Performs Schema Validation for the JSON IR](/tt-a1i/archify/how-does-archify-perform-schema-validation-for-the-json-ir)

Discover how Archify performs schema validation for its JSON IR using AJV. Ensure code integrity before compilation with robust validation checks.

- Tags: internals
- Published: 2026-09-01

### [Archify Typed JSON IR Structure: A Complete Schema Reference](/tt-a1i/archify/what-is-the-structure-of-the-typed-json-ir-used-by-archify)

Explore the Archify Typed JSON IR structure, a strictly validated schema reference for all diagram types. Understand the common core and diagram-specific properties.

- Tags: api-reference
- Published: 2026-09-01

### [How Archify Transforms JSON IR into HTML and SVG Diagrams](/tt-a1i/archify/how-does-archify-transform-json-ir-into-html-svg-diagrams)

Learn how Archify transforms JSON IR into HTML and SVG diagrams using a three-stage pipeline: schema validation, typed rendering, and HTML embedding.

- Tags: how-to-guide
- Published: 2026-09-01

### [Archify Visual Check Command: Options, Containment, Capture, and Contact Sheet Explained](/tt-a1i/archify/archify-visual-check-command-options-containment-capture-contact-sheet)

Master Archify visual check options for containment, capture, and contact sheets. Validate layouts, generate screenshots, and review artifacts efficiently with this powerful command.

- Tags: how-to-guide
- Published: 2026-08-31

### [Archify Animation Modes and Accessibility: A Complete Guide to Motion Control in Diagrams](/tt-a1i/archify/archify-animation-modes-and-accessibility)

Explore Archify's animation modes trace and none. Learn how Archify ensures accessibility with automatic reduced motion for diagrams.

- Tags: how-to-guide
- Published: 2026-08-31

### [How to Install Archify Multi-Agent Support for Cursor, Codex, Claude-Code, and opencode](/tt-a1i/archify/how-to-install-archify-multi-agent-support)

Install Archify multi agent support for Cursor Codex Claude Code and Open Code using the skills CLI with the --agent flag. Get system-wide or project-local access easily.

- Tags: how-to-guide
- Published: 2026-08-31

### [How Archify Automatically Sizes SVG viewBox and Accounts for Legend Footprint in Architecture Diagrams](/tt-a1i/archify/archify-viewbox-auto-sizing-and-legend-footprint)

Archify automatically sizes SVG viewBox and accounts for legend footprint ensuring responsive diagrams without manual tuning. Get perfectly scaled architecture visualizations effortlessly.

- Tags: internals
- Published: 2026-08-31

### [Archify Diagram Types and Scenario Guide Logic: A Complete Technical Breakdown](/tt-a1i/archify/archify-diagram-types-and-scenario-guide-logic)

Explore Archify diagram types and scenario guide logic. Learn how Archify transforms natural language into typed diagrams using a registry and recommendation engine.

- Tags: deep-dive
- Published: 2026-08-31

### [Archify Compare Command: Rollback Path and Atomic Commit Explained](/tt-a1i/archify/archify-compare-command-rollback-and-atomic-commit)

Learn how Archify's compare command ensures safe architecture updates with atomic commit and automatic rollback on failure. Keep your projects secure.

- Tags: how-to-guide
- Published: 2026-08-31

### [How Archify Generates Stable Link Anchors for Navigation](/tt-a1i/archify/archify-stable-link-anchors-for-navigation)

Learn how Archify generates stable link anchors for navigation using slugified names and UUID hashes. Ensure your deep links remain intact even after code changes.

- Tags: how-to-guide
- Published: 2026-08-31

### [How Archify Semantic Checks Enforce allowedRoots, allowedTerminals, and requiredEdges in Workflow Diagrams](/tt-a1i/archify/archify-semantic-checks-for-workflows-allowedroots-allowedterminals-requirededges)

Learn how Archify semantic checks enforce allowedRoots, allowedTerminals, and requiredEdges for robust workflow diagrams. Ensure your workflows are valid and complete.

- Tags: how-to-guide
- Published: 2026-08-31

### [Archify Live Preview Mode Architecture: How It Works Under the Hood](/tt-a1i/archify/archify-live-preview-mode-architecture)

Explore Archify live preview mode architecture. Learn how it validates JSON diagrams and updates HTML previews only on successful compilation, ensuring a stable user experience.

- Tags: architecture
- Published: 2026-08-31

### [Archify Visual Presets Rendering Differences: A Complete Technical Guide](/tt-a1i/archify/archify-visual-presets-rendering-differences)

Explore Archify visual presets rendering differences with this technical guide. Understand how CSS custom properties and data-preset attributes impact diagram styles like classic, signal-flow, blueprint, and editorial.

- Tags: deep-dive
- Published: 2026-08-31

### [Archify Quality Profile Composition Checks: How to Validate Diagram Structure with Standard and Showcase Modes](/tt-a1i/archify/archify-quality-profile-composition-checks)

Validate Archify diagram structure with standard and showcase quality profiles. Ensure robust diagram composition and layout with Archify's two-stage validation process.

- Tags: how-to-guide
- Published: 2026-08-31

### [How Archify Uses Git for Source Evidence: A Deep Dive into Source-Verified Diagrams](/tt-a1i/archify/how-does-archify-use-git-for-source-evidence)

Learn how Archify uses Git for source evidence, cloning repos and verifying commit SHAs to ensure diagram traceability and reproducibility. Discover source-verified diagrams.

- Tags: deep-dive
- Published: 2026-08-31

### [Archify Orthogonal Connection Routing Algorithm: Implementation Details and Usage](/tt-a1i/archify/archify-orthogonal-connection-routing-algorithm-details)

Explore Archify's orthogonal connection routing algorithm. Learn how it generates clean L-shaped polylines by computing midpoints and validating routes against component boundaries. Implement and use Archify today.

- Tags: internals
- Published: 2026-08-31

### [Archify Diagram Layout Modes: Grid vs. Free Configuration Guide](/tt-a1i/archify/what-are-the-layout-modes-in-archify-diagrams)

Discover Archify diagram layout modes: grid for structured placement and free for automatic positioning. Learn how to best use each mode in this comprehensive guide.

- Tags: deep-dive
- Published: 2026-08-31

### [What Is the Deployment-Ownership Engineering Profile in Archify?](/tt-a1i/archify/deployment-ownership-engineering-profile-archify)

Learn about the deployment-ownership engineering profile in Archify. This fail-closed validation mode enforces strict ownership, region placement, and security rules for diagram rendering.

- Tags: architecture
- Published: 2026-08-30

### [Requirements for the Showcase Quality Profile in Archify: The 8 Validation Rules](/tt-a1i/archify/requirements-for-showcase-quality-profile-archify)

Discover the 8 validation rules for Archify's showcase quality profile. Ensure polished diagrams with zero edge crossings and a max stretch factor of 1.35 for public distribution.

- Tags: architecture
- Published: 2026-08-30

### [Archify Quality Profiles and Engineering Contracts Explained](/tt-a1i/archify/archify-quality-profiles-and-engineering-contracts)

Discover Archify's quality profiles standard and showcase and engineering contracts. Enforce visual guarantees and interoperability for your diagram artifacts.

- Tags: deep-dive
- Published: 2026-08-30

### [How Archify Handles Schema Migration for Workflow Diagrams: A Technical Deep Dive](/tt-a1i/archify/how-archify-handles-schema-migration-workflow-diagrams)

Discover how Archify manages schema migration for workflow diagrams. Learn about its multi-stage pipeline that validates, remaps coordinates, and preserves diagram intent.

- Tags: deep-dive
- Published: 2026-08-30

### [What Does the archify.mjs Compare Command Do? A Technical Guide](/tt-a1i/archify/what-does-archify-mjs-compare-command-do)

Discover what the archify.mjs compare command does. Generate deterministic, three-state diffs for architecture JSON snapshots, identifying added, removed, or modified entities for code review.

- Tags: technical-guide
- Published: 2026-08-30

### [How to Validate a JSON Diagram Against Its Schema Using Archify](/tt-a1i/archify/how-to-use-archify-validate-json-diagram-schema)

Learn how to validate JSON diagrams against schemas with Archify's CLI. Get a clear, machine-readable receipt of success or detailed validation errors.

- Tags: how-to-guide
- Published: 2026-08-30

### [Archify CLI Commands: Complete Reference for Diagram Lifecycle Management](/tt-a1i/archify/available-commands-for-archify-cli)

Explore Archify CLI commands for complete diagram lifecycle management. Discover essential commands like render, compare, and validate to manage your diagrams from JSON to HTML.

- Tags: api-reference
- Published: 2026-08-30

### [7 Cross-Collection Facts Verified by Archify's Shared Loader](/tt-a1i/archify/cross-collection-facts-verified-by-archify-shared-loader)

Verify 7 cross-collection facts with Archify's shared loader ensuring data consistency artifact contract alignment version compatibility global identifier uniqueness and more.

- Tags: deep-dive
- Published: 2026-08-30

### [How Archify Validators Are Generated and Shipped: A Complete Technical Guide](/tt-a1i/archify/how-archify-validators-are-generated-and-shipped)

Learn how Archify validators are automatically generated from TypeScript JSON schemas at build time and shipped with the npm package for efficient runtime validation.

- Tags: how-to-guide
- Published: 2026-08-30

### [How Archify Uses AJV for Compile-Time JSON Schema Validation](/tt-a1i/archify/how-archify-uses-ajv-for-validation)

Learn how Archify uses AJV to compile JSON Schema into fast, dependency-free validators for diagram-type JSON payloads at compile time. Ensure data integrity with efficient validation.

- Tags: how-to-guide
- Published: 2026-08-30

### [What Is the Purpose of `common.schema.json` in Archify?](/tt-a1i/archify/purpose-of-common-schema-json-in-archify)

Discover the purpose of common.schema.json in Archify. This file centralizes shared JSON Schema definitions for consistent validation across all diagram schemas.

- Tags: internals
- Published: 2026-08-30

### [Required Fields for Every Archify Diagram Schema: A Complete Guide](/tt-a1i/archify/required-fields-for-archify-diagram-schema)

Discover the required fields for every Archify diagram schema, including schema_version, diagram_type, and meta. Learn essential components for Architecture and Workflow diagrams.

- Tags: api-reference
- Published: 2026-08-30

### [Where to Find Archify Renderers and Their Corresponding Schemas](/tt-a1i/archify/where-to-find-archify-renderers-and-schemas)

Find Archify renderers and schemas in archify/renderers and archify/schemas. Discover how five typed implementations create self-contained HTML artifacts from JSON-IR diagrams.

- Tags: api-reference
- Published: 2026-08-30

### [How Archify Interacts with AI Coding Agents: The Agent Skill Integration Guide](/tt-a1i/archify/how-does-archify-interact-with-ai-coding-agents)

Discover how Archify integrates with AI coding agents. Learn to generate architecture visualizations using deterministic JSON-to-diagram workflows and agent skill integration.

- Tags: how-to-guide
- Published: 2026-08-30

### [How the Archify Pipeline Handles Errors During Validation: Structured Diagnostics Deep Dive](/tt-a1i/archify/how-does-the-archify-pipeline-handle-errors-during-validation)

Discover how the Archify pipeline transforms validation failures into structured JSON diagnostics, offering clear remediation steps for deterministic error handling. Learn more about this powerful feature.

- Tags: deep-dive
- Published: 2026-08-30

### [What Are the Five Stages of the Archify Pipeline? Complete Technical Guide](/tt-a1i/archify/what-are-the-five-stages-of-the-archify-pipeline)

Discover the five stages of the Archify pipeline: reading JSON IR, typed rendering, validation, artifact export, and reproducible publishing. Learn the complete technical process.

- Tags: deep-dive
- Published: 2026-08-30

### [How Archify Ensures Reproducible Builds Without External Dependencies](/tt-a1i/archify/how-does-archify-ensure-reproducible-builds-without-external-dependencies)

Archify guarantees reproducible builds using Node.js core modules for byte-for-byte identical ZIP archives. Eliminate external dependencies and ensure consistent output across all environments.

- Tags: internals
- Published: 2026-08-30

### [What Archify Does with Unknown Fields in JSON Schemas](/tt-a1i/archify/what-does-archify-do-with-unknown-fields-in-its-schemas)

Archify rejects unknown fields in JSON schemas by using strict validation with additionalProperties: false. Learn how it prevents errors by not ignoring extra properties.

- Tags: internals
- Published: 2026-08-30

### [How Archify's Typed-IR-to-Artifact Pipeline Works: From JSON to Verified Diagrams](/tt-a1i/archify/how-does-archify-typed-ir-to-artifact-pipeline-work)

Discover Archify's typed-IR-to-artifact pipeline. Learn how it transforms typed JSON into verified HTML/SVG diagrams through a five-stage deterministic process. Explore validation, preview, and cryptographic verification.

- Tags: internals
- Published: 2026-08-30

### [Archify's System Design Philosophy: Evidence-Driven Architecture Visualization](/tt-a1i/archify/what-is-archify-system-design-philosophy)

Discover Archify's system design philosophy. Learn how Archify transforms architecture diagrams into precise, evidence-driven instruments for better system understanding and communication.

- Tags: architecture
- Published: 2026-08-30

### [How Archify Ensures Trust in Generated Diagrams: 6 Technical Mechanisms](/tt-a1i/archify/how-does-archify-ensure-trust-in-its-generated-diagrams)

Discover how Archify builds trust in generated diagrams. Explore 6 technical mechanisms, including artifact anchoring and explicit trust boundaries, for verifiable insights.

- Tags: security-features
- Published: 2026-08-30

### [Archify Diagram Creation and Management: Features and Capabilities](/tt-a1i/archify/what-features-does-archify-offer-for-diagram-creation-and-management)

Explore Archify's features for architecture diagram creation and management. Use declarative JSON recipes and interactive HTML viewers for guided storytelling. Manage your diagrams effortlessly.

- Tags: api-reference
- Published: 2026-08-30

### [How Archify Transforms Typed JSON IR into HTML/SVG Diagrams: The 4-Stage Pipeline](/tt-a1i/archify/how-archify-transforms-typed-json-ir-to-html-svg-diagrams)

Discover how Archify transforms typed JSON IR into HTML/SVG diagrams via a 4 stage pipeline. Learn about schema validation, layout computation, visual correctness, and SVG injection.

- Tags: internals
- Published: 2026-08-30

### [How Archify Supports Localization for the Viewer UI: Embedded JSON Architecture](/tt-a1i/archify/archify-localization-viewer-ui-support)

Archify enables viewer UI localization by embedding i18n JSON into HTML. Access translations at runtime with the global Archify.i18n() helper. Learn more about this architecture.

- Tags: internals
- Published: 2026-08-29

### [Can Archify Diagrams Include Animations? Enabling Trace Effects in JSON Architecture Diagrams](/tt-a1i/archify/archify-diagram-animations-support)

Learn how to enable trace animations in Archify diagrams by setting meta animation trace in JSON. Explore dynamic architecture visualizations with accessibility in mind.

- Tags: deep-dive
- Published: 2026-08-29

### [How Archify Generates and Uses JSON Schema Validators: A Complete Technical Guide](/tt-a1i/archify/archify-json-schema-validator-generation-usage)

Discover how Archify generates and uses JSON schema validators with AJV's standalone compiler for efficient, zero-runtime-dependency validation. Learn the technical details.

- Tags: how-to-guide
- Published: 2026-08-29

### [What Utilities Are Shared Across Archify Renderers? A Deep Dive into the Rendering Architecture](/tt-a1i/archify/archify-shared-renderer-utilities)

Discover the five core utility modules powering Archify's HTML, PDF, and image renderers. Explore render-utils, color-utils, font-utils, svg-utils, and animation-utils for efficient rendering.

- Tags: deep-dive
- Published: 2026-08-29

### [How Archify Handles Near-Parallel Ports in Diagram Routing](/tt-a1i/archify/archify-routing-near-parallel-ports-handling)

Archify effectively handles near-parallel ports with intelligent bridge routing for clean diagram geometry. Learn how Archify maintains routing rhythm and clarity.

- Tags: internals
- Published: 2026-08-29

### [What Is Automatic Port Spread in Archify Renderers?](/tt-a1i/archify/archify-automatic-port-spread-feature)

Learn about Archify's Automatic Port Spread feature. This built-in routing behavior groups auto ports for clean, symmetric edge layouts without manual tweaks. Improve your diagram rendering.

- Tags: deep-dive
- Published: 2026-08-29

### [Renderers Available in Archify for Diagram Types: Complete Guide to SVG, Canvas, PDF, and Third-Party Outputs](/tt-a1i/archify/archify-diagram-renderers-overview)

Explore Archify's renderers for diagrams: SVG, Canvas, PDF, PNG, Mermaid, and PlantUML. Convert models to various formats with this comprehensive guide.

- Tags: deep-dive
- Published: 2026-08-29

### [Understanding the Atomicity of the Archify Delivery Process](/tt-a1i/archify/archify-delivery-process-atomicity)

Ensure atomic delivery with Archify. Learn how Archify guarantees all-or-nothing deployments by freezing specs, rendering artifacts, and performing checks before replacing target files.

- Tags: deep-dive
- Published: 2026-08-29

### [How Archify Handles Errors and Diagnostics During Validation and Delivery](/tt-a1i/archify/archify-error-handling-diagnostics-cli)

Learn how Archify ensures actionable error handling with machine-readable JSON receipts during validation and delivery. Discover deterministic, repairable fixes without stack traces.

- Tags: how-to-guide
- Published: 2026-08-29

### [How to Compare Two Architecture Snapshots Using the Archify CLI](/tt-a1i/archify/archify-cli-compare-architecture-snapshots)

Compare two architecture snapshots with the Archify CLI compare command. Generate an HTML report and JSON receipt to understand changes.

- Tags: how-to-guide
- Published: 2026-08-29

### [How to Preview Archify Diagrams Locally with a Live Loop](/tt-a1i/archify/archify-cli-preview-diagrams-live-loop)

Preview Archify diagrams locally with a live loop by using embed=1 and theme=dark URL parameters. Serve diagrams over HTTP for seamless animation.

- Tags: how-to-guide
- Published: 2026-08-29

### [How to Deliver a Finished Archify Diagram Artifact: The Complete CLI Guide](/tt-a1i/archify/archify-cli-deliver-artifact)

Easily deliver your finished Archify diagram artifact using the command line. Learn the complete CLI guide for showcasing your workflows with Archify.

- Tags: how-to-guide
- Published: 2026-08-29

### [How to Validate a Candidate JSON IR File Using the Archify CLI](/tt-a1i/archify/archify-cli-validate-json-ir)

Validate JSON IR files with the Archify CLI. Use `archify validate` to check schema compliance and rendering pipeline compatibility for structured diagnostics. Learn more!

- Tags: how-to-guide
- Published: 2026-08-29

### [Deploying with the `deployment-ownership` Engineering Profile in Archify: 6 Strict Requirements Explained](/tt-a1i/archify/archify-deployment-ownership-engineering-profile-requirements)

Understand the 6 strict requirements of Archify's deployment-ownership engineering profile for ownership, regional placement, and security. Ensure your deployments pass validation.

- Tags: deep-dive
- Published: 2026-08-29

### [How Does the `meta.quality_profile` Setting Affect Archify Diagram Generation?](/tt-a1i/archify/archify-meta-quality-profile-effect)

Discover how the meta.quality_profile setting in Archify controls diagram generation, influencing rendering precision, styling, and export fidelity for your architecture diagrams.

- Tags: deep-dive
- Published: 2026-08-29

### [Archify Visual Presets: The Complete Guide to Diagram Styling Options](/tt-a1i/archify/archify-visual-presets-options)

Explore Archify visual presets like classic, signal-flow, blueprint, and editorial. Customize your Archify diagrams' appearance easily and effectively. Learn more!

- Tags: tutorial
- Published: 2026-08-29

### [How Component Types Are Defined in Archify's Schema](/tt-a1i/archify/archify-component-types-definition)

Discover how Archify defines component types using a centralized JSON Schema enumeration. Learn how this central definition is referenced across all diagram schemas for consistency.

- Tags: internals
- Published: 2026-08-29

### [What Is the Purpose of `common.schema.json` in Archify? The Central Shared Definitions File Explained](/tt-a1i/archify/archify-common-schema-json-purpose)

Discover the purpose of common.schema.json in Archify. This central file holds shared definitions, primitive types, enumerations, and reusable objects for all diagram schemas.

- Tags: deep-dive
- Published: 2026-08-29

### [How Archify Validates Its JSON Intermediate Representation (IR)](/tt-a1i/archify/archify-json-ir-validation-process)

Discover how Archify validates its JSON IR with a multi-layer pipeline including CLI parsing schema validation and post-render checks for robust diagnostics.

- Tags: internals
- Published: 2026-08-29

### [Where to Find JSON Schema Definitions for Archify Diagrams](/tt-a1i/archify/archify-json-schema-definitions-location)

Find Archify diagram JSON schema definitions in the archify/schemas directory. Discover detailed schemas for each diagram type, adhering to JSON-Schema 2020-12. Access the TT-a1i Archify repository for comprehensive technical d...

- Tags: api-reference
- Published: 2026-08-29

### [What JSON IR Schema Types Does Archify Support? A Complete Guide to All 5 Diagram Formats](/tt-a1i/archify/archify-json-ir-schema-types)

Discover the 5 JSON IR schema types Archify supports: Architecture, Workflow, Sequence, Data Flow, and Lifecycle. Understand each diagram format and its validation.

- Tags: api-reference
- Published: 2026-08-29

### [How to Generate System Diagrams from JSON IR Using Archify: A Complete Guide](/tt-a1i/archify/how-to-use-archify-generate-system-diagrams-json-ir)

Learn to generate system diagrams from JSON IR with Archify. This guide shows how Archify transforms JSON IR into interactive diagrams securely in your browser. Get started today.

- Tags: how-to-guide
- Published: 2026-08-29

### [How to Manage Brand Identities with Archify's `brands` Command](/tt-a1i/archify/archify-manage-brand-identities-brands-command)

Effortlessly manage brand identities with Archify's brands command. Add vector badges to diagram nodes using built-in marks or external logos for reproducible rendering.

- Tags: how-to-guide
- Published: 2026-08-29

### [Understanding the Archify Authoring Contract for JSON IR](/tt-a1i/archify/archify-authoring-contract-json-ir)

Learn about the Archify authoring contract for JSON IR. Discover syntax rules, required fields, and rendering behavior for diagram intermediate representations. Ensure valid diagram data.

- Tags: api-reference
- Published: 2026-08-29

### [How to Use the Archify Preview Command for Live Desktop Rendering](/tt-a1i/archify/archify-cli-preview-command)

Learn how to use the Archify preview command for live desktop rendering. Automatically refresh your architecture in the browser as source files update.

- Tags: how-to-guide
- Published: 2026-08-29

### [What Is the Purpose of the `archify/schemas/` Directory?](/tt-a1i/archify/archify-schemas-directory-purpose)

Discover the purpose of the archify/schemas/ directory. It uses JSON Schema to enforce structural contracts for Archify's IR, validating diagram JSON and ensuring backward compatibility.

- Tags: internals
- Published: 2026-08-29

### [How to Enable Git Integration for Source Evidence Linking in Archify](/tt-a1i/archify/archify-enable-git-source-evidence-linking)

Enable Git integration in Archify for source evidence linking. Automatically generate clickable Git links from architecture diagrams to precise source code lines.

- Tags: how-to-guide
- Published: 2026-08-29

### [How to Compare Two Diagram Snapshots in Archify: A Complete Guide to the Diff Engine](/tt-a1i/archify/archify-compare-diagram-snapshots)

Learn how Archify compares two diagram snapshots by exporting JSON states and calculating a client-side diff to reveal structural changes in your code.

- Tags: deep-dive
- Published: 2026-08-29

### [How to Use Archify's Architecture Delta Feature to Compare Architecture Snapshots](/tt-a1i/archify/archify-use-architecture-delta-feature)

Learn how to use Archify's Architecture Delta feature to compare architecture snapshots. Generate HTML proofs showing Before Delta After views without risk inference.

- Tags: how-to-guide
- Published: 2026-08-29

### [What Are the Specific Composition Checks Performed by Archify?](/tt-a1i/archify/archify-specific-composition-checks)

Discover Archify's seven composition checks: Proper Crossing, Ambiguous Corridor, Container-Border Run, Label-Route Clearance, Desktop Readability, Micro Segment, and Short Interior Segment for diagram validation.

- Tags: deep-dive
- Published: 2026-08-29

### [How Archify Performs Composition Checks on Diagrams: HTML Scanning and Metric Validation](/tt-a1i/archify/archify-composition-checks-diagrams)

Archify validates diagram composition by scanning HTML, computing structural metrics, and comparing them to thresholds for pass or fail status. Learn how Archify checks your diagrams.

- Tags: internals
- Published: 2026-08-29

### [How to Fix Archify Validation Errors: 9 Supported Fixes Explained](/tt-a1i/archify/archify-supported-fixes-validation-errors)

Resolve Archify validation errors with 9 supported fixes like addMissingField and renameId. Learn how to apply these deterministic operations for guaranteed resolution.

- Tags: how-to-guide
- Published: 2026-08-29

### [How to Interpret Archify's Diagnostic Codes and Messages](/tt-a1i/archify/archify-interpret-diagnostic-codes)

Decode Archify's diagnostic codes and messages with structured JSON. Understand errors, find offending elements, and get repair suggestions for efficient debugging and resolution.

- Tags: how-to-guide
- Published: 2026-08-29

### [Archify JSON Diagnostic Format: Structure, Schema, and Usage](/tt-a1i/archify/archify-json-diagnostic-format)

Understand the Archify JSON diagnostic format. Learn about its structure, schema, and usage for error reporting with code, severity, subject, evidence, and supportedFixes fields.

- Tags: api-reference
- Published: 2026-08-29

### [Archify Showcase Profile vs Standard Profile: Validation and Rendering Differences](/tt-a1i/archify/archify-showcase-vs-standard-profile)

Discover Archify's Showcase Profile vs Standard Profile. Learn how Showcase Profile's strict validation prevents rendering errors while Standard Profile allows warnings for identical geometry.

- Tags: deep-dive
- Published: 2026-08-29

### [Archify Validation System and Quality Profiles: A Complete Technical Guide](/tt-a1i/archify/archify-validation-system-quality-profiles)

Explore the Archify validation system and its quality profiles. This guide details how Archify enforces diagram-as-data contract rules with configurable profiles for strict or lenient constraints.

- Tags: deep-dive
- Published: 2026-08-29

### [How to Generate Lifecycle Diagrams with Archify: A Complete Guide](/tt-a1i/archify/archify-generate-lifecycle-diagrams)

Learn to generate interactive lifecycle diagrams with Archify using the render lifecycle command. Visualize state machines with self-contained HTML/SVG artifacts.

- Tags: how-to-guide
- Published: 2026-08-29

### [Data Flow Diagram Capabilities in Archify: Schema, Validation, and Rendering Guide](/tt-a1i/archify/archify-data-flow-diagrams-capabilities)

Explore Archify's Data Flow Diagram capabilities. Visualize pipelines, lineage, and PII handling with a strict JSON schema that renders annotated SVG diagrams.

- Tags: deep-dive
- Published: 2026-08-29

### [How Archify Handles Sequence Diagrams: JSON Schema to SVG Rendering](/tt-a1i/archify/archify-handle-sequence-diagrams)

Discover how Archify handles sequence diagrams by validating JSON input against its schema and rendering SVG with custom layouts and trace animations. Learn more now!

- Tags: internals
- Published: 2026-08-29

### [How to Create Workflow Diagrams Using Archify: A Complete Developer's Guide](/tt-a1i/archify/archify-create-workflow-diagrams)

Learn to create workflow diagrams with Archify. This guide shows developers how to generate HTML diagrams from JSON specifications, validating and producing self-contained output.

- Tags: how-to-guide
- Published: 2026-08-29

### [How to Define an Architecture Diagram in Archify's JSON IR Format](/tt-a1i/archify/archify-define-architecture-diagram-json-ir)

Learn to define architecture diagrams using Archify's JSON IR format. Understand the strict schema requirements for schema_version, diagram_type, meta, and components for accurate representation.

- Tags: how-to-guide
- Published: 2026-08-29

### [What Diagram Types Does Archify Support? Complete Guide to the 5 Core Schemas](/tt-a1i/archify/archify-supported-diagram-types)

Explore Archify's 5 core diagram types: architecture, workflow, sequence, dataflow, and lifecycle. Discover how each is validated by dedicated JSON schemas. Get the complete guide today.

- Tags: complete-guide
- Published: 2026-08-29

### [How to Use the Archify CLI to Render JSON IR to HTML](/tt-a1i/archify/archify-cli-render-json-ir)

Learn how to use the Archify CLI to render JSON IR to HTML. Validate input, select renderers, and generate production-ready HTML artifacts efficiently.

- Tags: how-to-guide
- Published: 2026-08-29

### [Prerequisites for Running Archify: Complete Setup Guide](/tt-a1i/archify/archify-prerequisites)

Discover Archify's prerequisites. Learn what you need to run this tool, including Node.js and optional media tools for specific exports. Get started today.

- Tags: getting-started
- Published: 2026-08-29

### [How to Install Archify: A Complete Guide for AI Agent Integration](/tt-a1i/archify/how-to-install-archify)

Easily install Archify for AI agent integration using npx skills add. Integrate tt-a1i/archify globally and start using it with natural language prompts for Cursor, Claude Code, and Codex CLI.

- Tags: getting-started
- Published: 2026-08-29

### [How Changes Are Classified in Archify's Architecture Delta: Semantic, Topology, and Geometry Detection](/tt-a1i/archify/how-are-changes-classified-in-archifys-architecture-delta)

Discover how Archify classifies architecture delta changes into semantic, topology, and geometry categories. Understand entity modifications for robust architecture validation.

- Tags: deep-dive
- Published: 2026-08-28

### [Requirements for Stable IDs in Archify Comparisons: 7 Architectural Constraints for Reliable Deltas](/tt-a1i/archify/what-are-the-requirements-for-stable-ids-in-archify-comparisons)

Discover the 7 architectural constraints for stable IDs in Archify comparisons. Ensure reliable deltas with globally unique, persistent, and immutable IDs.

- Tags: architecture
- Published: 2026-08-28

### [How Archify's Composition Checker Identifies Diagram Layout Issues](/tt-a1i/archify/how-does-archifys-composition-checker-identify-diagram-layout-issues)

Learn how Archify's composition checker finds diagram layout issues. It parses SVG data and uses geometric rules to detect edge crossings, ambiguous corridors, and label clearance violations.

- Tags: internals
- Published: 2026-08-28

### [Structure of Archify's Diagnostic Objects: Schema, Properties, and Usage](/tt-a1i/archify/what-is-the-structure-of-archifys-diagnostic-objects)

Understand Archify's diagnostic objects schema: code, severity, subject, evidence, and supportedFixes. Learn how this structure enables deterministic error reporting and automated repair workflows.

- Tags: internals
- Published: 2026-08-28

### [How Archify Handles Schema Validation Errors: AJV Integration and Diagnostic Receipts](/tt-a1i/archify/how-does-archify-handle-schema-validation-errors)

Archify uses Ajv for fail-closed schema validation, aborting operations on violations and providing diagnostic receipts with error codes, evidence, and fixes.

- Tags: internals
- Published: 2026-08-28

### [How to Check System Health with Archify's Doctor Command](/tt-a1i/archify/how-to-check-system-health-with-archifys-doctor-command)

Easily check system health with Archify's doctor command. Validate Node.js version, templates, scripts, and validators before creating architecture diagrams. Ensure your setup is ready.

- Tags: how-to-guide
- Published: 2026-08-28

### [How Archify's Compare Command Works for Architecture Deltas: A Technical Breakdown](/tt-a1i/archify/how-does-archifys-compare-command-work-for-architecture-deltas)

Understand how Archify compare command works for architecture deltas. Learn how it validates JSON snapshots, computes semantic deltas, and creates HTML visualizations with cryptographic receipts.

- Tags: internals
- Published: 2026-08-28

### [How to Use Archify to Render Diagrams Directly: A Complete CLI Guide](/tt-a1i/archify/how-to-use-archify-to-render-diagrams-directly)

Render interactive system diagrams from JSON using Archify CLI. Validate schemas and deliver HTML/SVG visualizations with built-in viewer controls. Explore tt-a1i/archify.

- Tags: how-to-guide
- Published: 2026-08-28

### [What Is Archify's Preview Mode for Authoring?](/tt-a1i/archify/what-is-archifys-preview-mode-for-authoring)

Discover Archify's preview mode for authoring. Get immediate visual feedback on JSON source files with this desktop-only workflow. Edit and iterate efficiently with instant updates.

- Tags: how-to-guide
- Published: 2026-08-28

### [Available Component Types and Variants in Archify: A Complete Guide](/tt-a1i/archify/what-are-the-available-component-types-and-variants-in-archify)

Explore Archify's seven component types and five visual variants. Understand frontend, backend, database, cloud, security, messagebus, and external components with Signal Flow, Blueprint, Editorial, Classic, and Flow styles.

- Tags: api-reference
- Published: 2026-08-28

### [Where to Find Archify Schemas for Different Diagram Types: Complete File Reference](/tt-a1i/archify/where-can-i-find-archify-schemas-for-diagram-types)

Find Archify schemas for architecture, dataflow, lifecycle, sequence, and workflow diagrams in the Archify GitHub repository. Explore our complete file reference for JSON Schema Draft 2020-12 validation.

- Tags: api-reference
- Published: 2026-08-28

### [How to Generate Architecture Diagrams from Typed JSON Using Archify](/tt-a1i/archify/how-to-use-archify-to-generate-architecture-diagrams)

Easily generate interactive architecture diagrams from typed JSON using Archify. This powerful tool validates and renders your system architecture into clear HTML visualizations. Learn how now.

- Tags: how-to-guide
- Published: 2026-08-28

### [How to Troubleshoot and Fix the Archify "Renderer failed" Error: Complete Diagnostic Guide](/tt-a1i/archify/archify-troubleshoot-renderer-failed-error)

Fix Archify 'Renderer failed' errors. Learn to diagnose invalid JSON, environment issues, and file system problems with this complete guide for tt-a1i/archify.

- Tags: how-to-guide
- Published: 2026-08-17

### [Archify Source Evidence Limits and Git Verification: A Complete Technical Guide](/tt-a1i/archify/archify-source-evidence-limits-git-verification)

Master Archify source evidence limits and Git verification. Learn how signed evidence links architecture diagrams to Git commits, ensuring code integrity. Full technical guide.

- Tags: how-to-guide
- Published: 2026-08-17

### [Archify Artifact Check Validation Explained: The Three-Stage Pipeline](/tt-a1i/archify/archify-artifact-check-validation)

Learn how Archify artifact check validation ensures diagram accuracy with its three-stage pipeline: schema validation, composition validation, and receipt synthesis.

- Tags: deep-dive
- Published: 2026-08-17

### [Archify Interactive Viewer Keyboard Shortcuts: Complete Guide and Cheatsheet](/tt-a1i/archify/archify-interactive-viewer-keyboard-shortcuts)

Master Archify interactive viewer keyboard shortcuts for faster navigation, export, and presentation. Boost your workflow with our complete guide and cheatsheet.

- Tags: how-to-guide
- Published: 2026-08-17

### [How to Create Guided Stories in Archify Viewer: A Complete Implementation Guide](/tt-a1i/archify/archify-create-guided-stories)

Learn how to create guided stories in Archify viewer with this implementation guide. Enable guided playback and enhance user experience.

- Tags: how-to-guide
- Published: 2026-08-17

### [How to Integrate Archify with Cursor Claude Code Codex CLI: A Complete Developer Guide](/tt-a1i/archify/archify-integrate-cursor-claude-codex)

Integrate Archify with Cursor, Claude Code, and Codex CLI. Export architecture JSON and use the Cursor CLI for a design-first workflow. Claude generates code from your diagrams.

- Tags: how-to-guide
- Published: 2026-08-17

### [Archify Sequence vs Data Flow vs Lifecycle Diagrams: How to Choose the Right Model](/tt-a1i/archify/archify-sequence-dataflow-lifecycle-diagrams)

Understand Archify sequence, data flow, and lifecycle diagrams. Learn how to choose the right model for effective system-level technical communication and choose the best diagram for your needs.

- Tags: deep-dive
- Published: 2026-08-17

### [Archify CLI Safe Output Path Resolution: How It Prevents Path Traversal and Overwrites](/tt-a1i/archify/archify-cli-safe-output-path-resolution)

Archify CLI's safe output path resolution prevents path traversal and overwrites by validating paths against your working directory and repository root. Learn how.

- Tags: deep-dive
- Published: 2026-08-17

### [Archify Deployment‑Ownership Engineering Profile Validation: A Complete Guide](/tt-a1i/archify/archify-deployment-ownership-engineering-profile)

Master Archify deployment-ownership engineering profile validation. Ensure only fully specified production deployment diagrams reach your gallery with this comprehensive guide. Secure your boundaries now.

- Tags: how-to-guide
- Published: 2026-08-17

### [How to Trace Upstream and Downstream Reach in Archify Viewer: A Step-by-Step Guide](/tt-a1i/archify/archify-trace-upstream-downstream-reach)

Learn to trace upstream and downstream reach in Archify viewer. Explore system graphs and understand node ancestors and descendants with this step-by-step guide.

- Tags: how-to-guide
- Published: 2026-08-17

### [Archify Architecture Diagram JSON Schema Structure: Complete Reference Guide](/tt-a1i/archify/archify-architecture-diagram-json-schema)

Explore the Archify architecture diagram JSON schema structure in this comprehensive guide. Understand the required and optional properties for effective diagram definition.

- Tags: api-reference
- Published: 2026-08-17

### [What Archify Composition Checks Are Enforced (Standard vs. Showcase Profiles)](/tt-a1i/archify/archify-composition-checks-enforced)

Understand Archify composition checks proper-crossing and label-route-clearance. Discover how standard vs. showcase profiles enforce different severity levels for these crucial checks.

- Tags: internals
- Published: 2026-08-17

### [How to Interpret Archify Validation Failure Diagnostics: A Complete Guide](/tt-a1i/archify/archify-interpret-validation-failure-diagnostics)

Learn to interpret Archify validation failure diagnostics. Understand what broke, where, and available automated fixes with this complete guide for the tt-a1i/archify repository.

- Tags: how-to-guide
- Published: 2026-08-17

### [How Archify's Live Preview Mode Works with File Watching: A Deep Dive into Real-Time Development](/tt-a1i/archify/archify-live-preview-file-watching)

Explore Archify's live preview mode and file watching. Learn how instant HTML updates streamline your real-time development workflow with incremental rebuilds and WebSockets.

- Tags: deep-dive
- Published: 2026-08-17

### [How Archify Visual Presets Affect Rendering: A Complete Technical Guide](/tt-a1i/archify/archify-visual-presets-rendering-effect)

Explore how Archify visual presets impact rendering. Understand how data-preset attributes activate CSS rules for diagram styling without altering core data.

- Tags: deep-dive
- Published: 2026-08-17

### [Archify Atomic Delivery Workflow and Staging Explained: A Complete CI/CD Pipeline Guide](/tt-a1i/archify/archify-atomic-delivery-workflow-staging)

Master the Archify atomic delivery workflow and staging for a robust CI/CD pipeline. Ensure verifiable and recoverable stages from commit to production.

- Tags: how-to-guide
- Published: 2026-08-17

### [How to Add Git Source Evidence to Archify Diagrams](/tt-a1i/archify/archify-add-git-source-evidence)

Learn to add Git source evidence to Archify diagrams. Attach verifiable source to diagram nodes using a source block and the --repo-root flag for enhanced traceability.

- Tags: how-to-guide
- Published: 2026-08-17

### [How to Configure Dark/Light Themes for Archify Diagrams: 3 Methods Explained](/tt-a1i/archify/archify-configure-dark-light-themes)

Learn to configure dark light themes for Archify diagrams with 3 methods. Easily control color schemes via the data theme attribute and CSS custom properties. Enhance your visualizations today.

- Tags: how-to-guide
- Published: 2026-08-17

### [How Archify Architecture Delta Comparison Works: A Complete Technical Guide](/tt-a1i/archify/archify-architecture-delta-comparison)

Learn how Archify architecture delta comparison works. This technical guide details its deterministic ID-driven diff process, generating HTML artifacts from JSON snapshots to classify changes like added, removed, and modified c...

- Tags: deep-dive
- Published: 2026-08-17

### [Archify Standard vs Showcase Quality Profiles: What's the Difference?](/tt-a1i/archify/archify-standard-showcase-quality-profiles)

Understand Archify standard vs showcase quality profiles. Standard treats composition issues as warnings, showcase promotes them to errors for polished artifacts.

- Tags: comparison
- Published: 2026-08-17

### [How to Create Custom Validators for Archify Diagram Schemas: A Complete Guide](/tt-a1i/archify/archify-custom-validators-diagram-schemas)

Learn to create custom validators for Archify diagram schemas. Follow this guide to define, register, compile, and validate your schemas for robust data integrity. Get started today!

- Tags: how-to-guide
- Published: 2026-08-17

### [How Archify's JSON IR Powers the Rendering Pipeline](/tt-a1i/archify/archify-json-ir-rendering-pipeline)

Discover how Archify's JSON IR fuels the rendering pipeline. Learn about schema validation, typed renderer selection, and deterministic layout for standalone HTML diagrams.

- Tags: internals
- Published: 2026-08-17

### [How to Use Focus, Reach, and Deep-Linking Features in the Archify Viewer](/tt-a1i/archify/viewer-focus-reach-deep-linking)

Master Archify viewer navigation with focus, reach, and deep-linking features. Programmatically control camera, target views, and create shareable URLs for exact state restoration. Boost your workflow today.

- Tags: how-to-guide
- Published: 2026-08-15

### [How to Configure ViewBox Sizing for Responsive Artifacts in Archify](/tt-a1i/archify/viewbox-sizing-responsive-artifacts)

Learn to configure ViewBox sizing for responsive artifacts in Archify. Set the viewBox attribute and use artifactViewBox in archify.config.js for fallback and scaling.

- Tags: how-to-guide
- Published: 2026-08-15

### [Archify Delta JSON Output Format: Complete Structure and Examples](/tt-a1i/archify/delta-comparison-json-output-format)

Explore Archify Delta JSON output format. Understand schemaVersion, base/head metadata, summary, and detailed changes for components, connections, and boundaries with examples.

- Tags: api-reference
- Published: 2026-08-15

### [Node and Relationship Geometry Controls in Archify: A Complete Technical Guide](/tt-a1i/archify/node-relationship-geometry-controls)

Discover Archify's immutable node and relationship geometry controls. Learn how Archify captures geometry once during diagram generation for consistent visualization.

- Tags: deep-dive
- Published: 2026-08-15

### [How Archify Handles Layout Overflow at Different Viewports: A Technical Deep Dive](/tt-a1i/archify/layout-overflow-handling-viewports)

Discover how Archify tackles layout overflow across viewports. Learn its CSS media query strategy for desktop and mobile scrolling.

- Tags: deep-dive
- Published: 2026-08-15

### [Does Archify Support Multi-Language and Localization Features?](/tt-a1i/archify/multi-language-localization-support)

Discover if Archify supports multi-language and localization. Archify's built-in i18n system provides multi-language UIs without external dependencies.

- Tags: how-to-guide
- Published: 2026-08-15

### [How to Automate Visual Checks Using Screenshots in Archify](/tt-a1i/archify/visual-check-automation-screenshots)

Automate visual checks with screenshots using Archify's visual-check. Programmatically render HTML, capture multi-viewport screenshots, and generate receipts for UI validation.

- Tags: how-to-guide
- Published: 2026-08-15

### [How to Configure Automatic Port Spread Behavior in Archify](/tt-a1i/archify/automatic-port-spread-behavior)

Configure automatic port spread behavior in Archify. Learn to use the meta.portSpread property in your diagram JSON for effortless orthogonal edge layout with auto, off, or numeric pixel radius options.

- Tags: how-to-guide
- Published: 2026-08-15

### [How Column Fit Layout Works in Archify: Fixed vs Spread Explained](/tt-a1i/archify/column-fit-layout-fixed-spread)

Learn how Archify's column fit layout uses meta.column_fit for fixed vs spread participant boxes. Optimize canvas space and element display with Archify.

- Tags: deep-dive
- Published: 2026-08-15

### [How to Work with Node Component Types and Variants in Archify](/tt-a1i/archify/node-component-types-variants)

Learn to work with Node Component Types and Variants in Archify. Assign types like external, frontend, backend, or cloud to your components and use variants for visual styling.

- Tags: how-to-guide
- Published: 2026-08-15

### [Archify Quality Profiles Explained: Standard vs. Showcase Differences](/tt-a1i/archify/quality-profiles-standard-showcase)

Understand the Archify quality profiles standard vs showcase. Learn how standard treats composition issues as warnings and showcase elevates them to errors for production ready code.

- Tags: deep-dive
- Published: 2026-08-15

### [Archify CLI Commands Reference for validate, deliver, preview, and compare](/tt-a1i/archify/archify-cli-commands-reference)

Find Archify CLI commands reference for validate, deliver, preview, and compare in the README, SKILL.md, or source code. Access the essential Archify documentation easily.

- Tags: api-reference
- Published: 2026-08-15

### [Preview Mode vs Deliver Command in Archify: Key Differences Explained](/tt-a1i/archify/preview-mode-vs-deliver-command)

Understand the key differences between Archify's preview mode and deliver command. Learn how preview runs the pipeline without committing and deliver provides validated atomic output with a receipt.

- Tags: deep-dive
- Published: 2026-08-15

### [How to Implement Dark/Light Theme Support in Archify Projects](/tt-a1i/archify/dark-light-theme-implementation)

Implement dark light theme support in Archify projects using data attributes, URL parameters, or keyboard shortcuts for a better user experience. Learn how to customize your app's appearance.

- Tags: how-to-guide
- Published: 2026-08-15

### [Archify Visual Presets: Classic, Signal‑Flow, Blueprint, and Editorial Explained](/tt-a1i/archify/visual-presets-archify)

Explore Archify's visual presets: classic, signal-flow, blueprint, and editorial. Customize diagram styling and UI chrome with a single data-preset attribute.

- Tags: deep-dive
- Published: 2026-08-15

### [How to Control Animation Trace and Motion Settings in Archify: A Complete Guide](/tt-a1i/archify/animation-trace-motion-settings)

Master Archify's animation trace and motion settings. This guide reveals how to configure diagram-specific traces and global motion toggles for powerful control.

- Tags: how-to-guide
- Published: 2026-08-15

### [How to Define and Understand Engineering Profiles (Deployment-Ownership) in Archify](/tt-a1i/archify/engineering-profiles-deployment-ownership)

Learn how to define and understand Archify engineering profiles like deployment-ownership. Enforce constraints and ensure explicit owner assignment and security controls for your architecture diagrams.

- Tags: how-to-guide
- Published: 2026-08-15

### [Archify Export Formats and Share Card Generation: Complete Guide](/tt-a1i/archify/export-formats-share-card-generation)

Explore Archify export formats like PNG, JPEG, SVG, and more. Learn to generate Route and Reach Share Cards easily with this complete guide.

- Tags: how-to-guide
- Published: 2026-08-15

### [How to Integrate Repository Evidence with Git in Archify: A Complete Guide](/tt-a1i/archify/repository-evidence-git-integration)

Learn to integrate repository evidence with Git in Archify. This guide shows how Archify embeds immutable Git evidence in HTML for one-click navigation to exact commits and line ranges.

- Tags: how-to-guide
- Published: 2026-08-15

### [Architecture Delta Comparison Workflow in Archify: A Complete Guide](/tt-a1i/archify/architecture-delta-comparison-workflow)

Learn the Archify Architecture Delta Comparison workflow: generate snapshots, run CLI compare, and inspect HTML diffs. Master your architecture changes easily.

- Tags: how-to-guide
- Published: 2026-08-15

### [How to Handle Schema Validation Errors in Archify: 5 Repair Strategies](/tt-a1i/archify/schema-validation-errors-repair-strategies)

Fix Archify schema validation errors with 5 repair strategies. Learn to correct types, add missing fields, and remove disallowed properties using JSON-Pointer paths.

- Tags: how-to-guide
- Published: 2026-08-15

### [How Source Evidence Verification Works in Archify: A Technical Deep Dive](/tt-a1i/archify/how-does-source-evidence-verification-work-in-archify)

Explore how Archify verifies diagram nodes against source code artifacts. Learn about JavaScript checks for repository URL, commit hash, file, and line number validity.

- Tags: deep-dive
- Published: 2026-08-14

### [How to Use the Archify Scenario Guide to Pick the Right Diagram Type](/tt-a1i/archify/how-to-use-the-scenario-guide-to-pick-the-right-diagram-type)

Effortlessly pick the right diagram type with Archify's scenario guide. Match your question to architecture, workflow, sequence, dataflow, or lifecycle diagrams using type, useWhen, and avoidWhen fields.

- Tags: how-to-guide
- Published: 2026-08-14

### [How Archify Handles Backward Compatibility for Schemas: A Complete Technical Guide](/tt-a1i/archify/how-does-archify-handle-backward-compatibility-for-schemas)

Learn how Archify ensures backward compatibility for schemas using versioned JSON IR, legacy validators, add-only evolution, and automated testing. Explore the tt-a1i/archify repository for details.

- Tags: deep-dive
- Published: 2026-08-14

### [Archify Schema Versioning Policies: Ensuring Stable Data Contracts Across the Repository](/tt-a1i/archify/what-are-archifys-schema-versioning-policies)

Learn about Archify's schema versioning policies. Enforce stable data contracts with strict versioning, breaking change increments, and build aborts for receipt mismatches.

- Tags: best-practices
- Published: 2026-08-14

### [How Route Tracing Works in the Archify Viewer: A Complete Technical Breakdown](/tt-a1i/archify/how-does-the-route-tracing-feature-work-in-the-archify-viewer)

Explore how Archify route tracing works with the Archify.routeProbe module. Visualize shortest paths and export shareable snapshots for network analysis. Learn more now.

- Tags: deep-dive
- Published: 2026-08-14

### [How Share Cards Work in Archify: A Complete Technical Guide](/tt-a1i/archify/how-do-share-cards-work-in-archify)

Discover how Archify Share Cards work. Learn about this deterministic export feature that creates PNG images of your diagrams while preserving relationships and state. Get the technical guide.

- Tags: deep-dive
- Published: 2026-08-14

### [Archify Export Formats: A Complete Guide to PNG, JPEG, WEBP, SVG, WEBM, and Clipboard Output](/tt-a1i/archify/what-export-formats-are-supported-by-archify)

Explore Archify's export formats including PNG, JPEG, WEBP, SVG, WEBM video, and clipboard output. Access all formats via a unified API for seamless integration.

- Tags: api-reference
- Published: 2026-08-14

### [How the Semantic Lens Compares Roles in Archify Diagrams: A Complete Technical Guide](/tt-a1i/archify/how-does-the-semantic-lens-feature-compare-roles-in-the-diagram)

Explore the Semantic Lens feature in Archify to visualize, filter, and contrast architectural roles with role-based color coding and compare mode. This technical guide offers a complete deep-dive.

- Tags: deep-dive
- Published: 2026-08-14

### [How Stories Work in the Archify Viewer: Declarative Walkthroughs for Diagrams](/tt-a1i/archify/how-do-stories-work-in-the-archify-viewer)

Learn how Archify stories create guided SVG diagram walkthroughs. Discover declarative attributes and automatic state transitions for interactive narratives.

- Tags: internals
- Published: 2026-08-14

### [How Guided Views Work in the Archify Viewer: Architecture and Implementation](/tt-a1i/archify/how-do-guided-views-work-in-the-archify-viewer)

Discover how Archify viewer uses a client-side state machine and JSON-defined camera shots for guided views. Navigate architectural stories step-by-step effortlessly.

- Tags: internals
- Published: 2026-08-14

### [What Types of Issues Can Archify's Composition Checking Detect?](/tt-a1i/archify/what-types-of-issues-can-archifys-composition-checking-detect)

Archify's composition checking detects 7 architectural diagram issues including edge crossings, border violations, micro-segments, frame issues, and more. Improve your architecture today.

- Tags: how-to-guide
- Published: 2026-08-14

### [What Is Composition Checking in Archify? Layout Validation for Architecture Diagrams](/tt-a1i/archify/what-is-composition-checking-in-archify)

Discover composition checking in Archify, the architecture diagram validation tool. Improve clarity by detecting edge crossings and clutter with automated layout checks.

- Tags: deep-dive
- Published: 2026-08-14

### [How Automatic Routing Works in Archify Architecture Diagrams: A Deep Dive into the Source Code](/tt-a1i/archify/how-does-automatic-routing-work-in-archify-architecture-diagrams)

Explore Archify's source code to understand how automatic routing calculates orthogonal connection paths, infers port sides, and avoids congestion for clear architecture diagrams.

- Tags: deep-dive
- Published: 2026-08-14

### [How the Archify Delivery Workflow Ensures Artifact Integrity](/tt-a1i/archify/how-does-the-archify-delivery-workflow-ensure-artifact-integrity)

Discover how the Archify delivery workflow guarantees artifact integrity with its atomic verified pipeline including read-once specs, isolated staging, and cryptographic receipts.

- Tags: how-to-guide
- Published: 2026-08-14

### [What Are the Visual Presets in Archify and How Do They Affect Rendering?](/tt-a1i/archify/what-are-the-visual-presets-in-archify-and-how-do-they-affect-rendering)

Discover Archify's four visual presets classic signal-flow blueprint and editorial. Learn how these presets control diagram appearance and rendering without altering geometry or semantic IDs.

- Tags: deep-dive
- Published: 2026-08-14

### [How the Archify visual-check Command Captures Screenshots Using Chrome DevTools Protocol](/tt-a1i/archify/how-does-the-visual-check-command-capture-screenshots)

Learn how the archify visual-check command captures screenshots using Chrome DevTools Protocol. It executes Page.captureScreenshot to save PNGs of rendered HTML artifacts.

- Tags: how-to-guide
- Published: 2026-08-14

### [How Does the Archify visual-check Command Measure Containment?](/tt-a1i/archify/how-does-the-visual-check-command-measure-containment)

Learn how Archify's visual-check command measures UI containment. It renders elements in Playwright, gets bounding boxes, and checks if children are within parent bounds.

- Tags: deep-dive
- Published: 2026-08-14

### [How Repository Evidence Works in Architecture Diagrams](/tt-a1i/archify/how-does-repository-evidence-work-in-architecture-diagrams)

Discover how Archify links architecture diagrams to exact code versions. Verify Git repositories against GitHub URLs and commit SHAs for immutable source code traceability.

- Tags: how-to-guide
- Published: 2026-08-14

### [How to Use the Engineering Profile for Deployment-Ownership Validation in Archify](/tt-a1i/archify/how-to-use-the-engineering-profile-for-deployment-ownership-validation)

Learn to use Archify's engineering profile for deployment-ownership validation. Enforce ownership, region, and boundary constraints for production readiness.

- Tags: how-to-guide
- Published: 2026-08-14

### [What Are the Possible Schema Validation Errors in Archify?](/tt-a1i/archify/what-are-the-possible-schema-validation-errors)

Understand Archify's schema validation errors like missing_required, type_mismatch, enum_violation, and pattern_mismatch. Ensure your JSON diagram files adhere to strict schema constraints for seamless validation.

- Tags: deep-dive
- Published: 2026-08-14

### [What Does the Architecture Delta Comparison Receipt Contain? Complete JSON Structure Guide](/tt-a1i/archify/what-does-the-architecture-delta-comparison-receipt-contain)

Explore the architecture delta comparison receipt a JSON artifact detailing structural differences between architecture models. Understand metadata changes component listings and validation outcomes.

- Tags: api-reference
- Published: 2026-08-14

### [How Architecture Delta Compare Works in Archify: A Technical Deep Dive](/tt-a1i/archify/how-does-the-architecture-delta-compare-work)

Learn how Archify's Architecture Delta comparison works. Discover its four-stage process for detailed, interactive architectural diffs between JSON snapshots.

- Tags: deep-dive
- Published: 2026-08-14

### [Best Practices for Using Archify: A Complete Guide to System Mapping](/tt-a1i/archify/what-best-practices-using-archify)

Master Archify with these best practices. Learn global installation, bounded prompts, JSON validation, and iterative diagram refinement for effective system mapping with the tt-a1i/archify repository.

- Tags: best-practices
- Published: 2026-08-13

### [How to Get the Latest Version of Archify: Complete Installation Guide](/tt-a1i/archify/how-get-latest-version-archify)

Install the latest Archify version globally with npx skills add tt-a1i/archify -g. Get v2.14.0 for Cursor, Codex, Claude Code, and more with this simple guide.

- Tags: getting-started
- Published: 2026-08-13

### [Where to Find the Changelog for Archify](/tt-a1i/archify/where-find-changelog-archify)

Find the Archify changelog in the CHANGELOG.md file within the tt-a1i/archify repository. Access comprehensive version history and release details easily.

- Tags: how-to-guide
- Published: 2026-08-13

### [Licensing Details for Archify: MIT License Terms and Usage Rights](/tt-a1i/archify/what-licensing-details-archify)

Discover Archify's licensing details. Understand your usage rights under the MIT License, including permissions for use, modification, and distribution.

- Tags: licensing-details
- Published: 2026-08-13

### [Archify Documentation Structure: A Complete Guide to the Repository Layout](/tt-a1i/archify/what-documentation-structure-archify)

Discover the Archify documentation structure. Learn about the repository layout, including user guides, technical schemas, renderer docs, and operational guides for effective project management.

- Tags: getting-started
- Published: 2026-08-13

### [How to Use Archify: 5 Practical Examples from the Source Code](/tt-a1i/archify/are-there-examples-how-use-archify)

Explore 5 practical Archify examples from its source code. Learn to render diagrams using CLI commands or natural language prompts with this powerful tool.

- Tags: how-to-guide
- Published: 2026-08-13

### [What Is the Main Executable or Entry Point for Archify?](/tt-a1i/archify/what-main-executable-entry-point-archify)

Discover the main executable entry point for Archify. Learn how bin/archify.mjs serves as the primary command declared in package.json for this project.

- Tags: how-to-guide
- Published: 2026-08-13

### [How to Contribute to the Archify Project: A Complete Guide for Open-Source Contributors](/tt-a1i/archify/how-contribute-archify-project)

Contribute to Archify by reporting bugs, showcasing diagrams, proposing features, or submitting pull requests. Follow our stability-first philosophy and help improve this open-source project.

- Tags: how-to-guide
- Published: 2026-08-13

### [Does Archify Have an API? Understanding the CLI Architecture and Programmatic Interface](/tt-a1i/archify/does-archify-have-api)

Discover how Archify's CLI offers a powerful programmatic interface for automating tasks. Learn about its architecture and integration options.

- Tags: api-reference
- Published: 2026-08-13

### [Where Are the Unit Tests Located in the Archify Repository? A Complete Guide](/tt-a1i/archify/where-unit-tests-located-archify-repository)

Discover the exact location of unit tests within the Archify repository. Find them in archify/test/ files named *.test.mjs using Node's built-in test framework.

- Tags: how-to-guide
- Published: 2026-08-13

### [What Kind of Tests Are Included in the Archify Project? A Complete Guide to the 150+ Test Suite](/tt-a1i/archify/what-kind-tests-included-archify-project)

Explore the Archify project's extensive test suite, featuring over 150 Node.js tests covering CLI, rendering, zoom, layout validation, and backward compatibility for robust quality assurance.

- Tags: testing
- Published: 2026-08-13

### [Archify Configuration Files Explained: JSON Schemas, Examples, and Runtime Assets](/tt-a1i/archify/are-there-configuration-files-archify)

Discover Archify's declarative JSON configuration files for system diagrams. Learn about JSON Schemas, examples, and runtime assets without writing code.

- Tags: api-reference
- Published: 2026-08-13

### [What Frameworks Does Archify Use? A Deep Dive Into Its Minimal Dependency Architecture](/tt-a1i/archify/does-archify-use-specific-frameworks)

Discover Archify's minimal dependency architecture. It uses a zero-dependency Node.js core with AJV and React Flow for its browser viewer, ensuring a lightweight and efficient tool.

- Tags: deep-dive
- Published: 2026-08-13

### [What Programming Languages Are Used in the Archify Project?](/tt-a1i/archify/what-programming-languages-used-archify-project)

Discover the programming languages powering the Archify project. Archify uses JavaScript ES Modules, HTML, JSON, Markdown, Shell scripts, and YAML. Learn more about its tech stack.

- Tags: internals
- Published: 2026-08-13

### [What Kind of Technical Debt Can Archify Identify? 4 Visual Debt Categories Explained](/tt-a1i/archify/what-kind-of-technical-debt-can-archify-identify)

Archify identifies four visual technical debt categories in architecture diagrams: crossings, corridors, border runs, and label clearance. Discover how Archify helps you manage these issues.

- Tags: deep-dive
- Published: 2026-08-11

### [How Archify Differs from Static Analysis Tools: A Visual-First Approach to Code Architecture](/tt-a1i/archify/how-is-archify-different-from-static-analysis-tools)

Discover how Archify transcends static analysis tools by offering a visual-first platform that maps your code's architecture, data flows, and system behavior interactively.

- Tags: deep-dive
- Published: 2026-08-11

### [Where to Find Archify Usage Examples: Complete Guide to Demos and Sample Code](/tt-a1i/archify/where-can-i-find-examples-of-archify-usage)

Discover Archify usage examples with our guide to demos and sample code. Explore pre-built HTML and JSON source files in the tt-a1i/archify repository to see every diagram type in action.

- Tags: getting-started
- Published: 2026-08-11

### [Top Alternatives to Archify for Code Architecture Analysis: A Complete Guide](/tt-a1i/archify/what-are-the-alternatives-to-archify-for-code-architecture-analysis)

Explore top Archify alternatives for code architecture analysis. Discover Structurizr, Mermaid, Graphviz, SourceTrail, and ArchUnit for C4 modeling, interactive exploration, and runtime mapping.

- Tags: comparison
- Published: 2026-08-11

### [How to Interpret Archify Analysis Results: A Complete Guide to Reading Architecture JSON Output](/tt-a1i/archify/how-can-i-interpret-the-archify-analysis-results)

Master Archify analysis results with this guide. Learn to interpret architecture JSON output by mapping fields to visual diagram elements. Understand your system's structure.

- Tags: how-to-guide
- Published: 2026-08-11

### [Common Issues and Errors When Using Archify: A Complete Troubleshooting Guide](/tt-a1i/archify/what-are-the-common-issues-or-errors-when-using-archify)

Troubleshoot common Archify errors like schema validation and layout composition failures. Get quick solutions for your Archify issues with this comprehensive guide.

- Tags: how-to-guide
- Published: 2026-08-11

### [How to Contribute to Archify: A Complete Guide for Open-Source Contributors](/tt-a1i/archify/how-can-i-contribute-to-the-archify-project)

Contribute to the Archify open-source project by filing bug reports, proposing features, or submitting pull requests. Follow our stability-first philosophy for impactful contributions. Learn how today!

- Tags: how-to-guide
- Published: 2026-08-11

### [Is Archify Open-Source? License, Terms, and How to Verify](/tt-a1i/archify/is-archify-open-source-what-is-the-license)

Is Archify open-source? Discover Archify's MIT License terms for free use, modification, and distribution. Verify its open-source status easily.

- Tags: getting-started
- Published: 2026-08-11

### [How Archify Handles Large Projects: Scalable Architecture for Enterprise Codebases](/tt-a1i/archify/how-does-archify-handle-large-projects)

Archify scales to handle large projects with a typed JSON representation, deterministic layout, and static HTML outputs. Discover how Archify manages enterprise codebases efficiently.

- Tags: architecture
- Published: 2026-08-11

### [Archify Best Practices: A Complete Guide to System Mapping in AI Chat](/tt-a1i/archify/what-are-the-best-practices-for-using-archify)

Master Archify best practices for effective AI system mapping. Learn to use the global skill installer, craft bounded prompts, and validate with quality showcase for flawless AI chat diagrams. Get the complete guide.

- Tags: best-practices
- Published: 2026-08-11

### [How to Integrate Archify Into Your CI/CD Pipeline: A Complete Guide](/tt-a1i/archify/how-can-i-integrate-archify-into-my-ci-cd-pipeline)

Easily integrate Archify into your CI/CD pipeline using four core CLI commands. Automate your builds with non-interactive, deterministic JSON outputs and failure alerts.

- Tags: how-to-guide
- Published: 2026-08-11

### [How to Generate Architectural Diagrams with Archify: A Complete Guide](/tt-a1i/archify/can-archify-generate-architectural-diagrams)

Learn how to generate architectural diagrams with Archify. This guide shows you how to create interactive diagrams from your codebase or system descriptions for clear visualization.

- Tags: how-to-guide
- Published: 2026-08-11

### [What Kind of Output Does Archify Generate? A Complete Guide to Export Formats](/tt-a1i/archify/what-kind-of-output-does-archify-generate)

Explore Archify export formats: interactive HTML viewers, static PNG SVG WebM assets, and shareable cards. Generate your technical map today.

- Tags: deep-dive
- Published: 2026-08-11

### [How Archify Analyzes Code Architecture: A Three-Stage Pipeline Explained](/tt-a1i/archify/how-does-archify-analyze-code-architecture)

Discover how Archify analyzes code architecture using its three-stage pipeline. Learn how it transforms codebases into queryable models for better understanding and maintainability.

- Tags: internals
- Published: 2026-08-11

### [Archify Features Explained: From Code to Interactive System Maps](/tt-a1i/archify/what-are-the-main-features-of-archify)

Discover Archify features and transform code into interactive system maps. Explore diagram types, visual presets, JSON output, and a zero-dependency CLI for seamless workflow control.

- Tags: getting-started
- Published: 2026-08-11

### [Can Archify Be Used with Existing Codebases? How to Map Any Project Without Rewrites](/tt-a1i/archify/can-archify-be-used-with-existing-codebases)

Map your existing codebase with Archify without any code rewrites. Generate interactive architecture diagrams easily through CLI or chat agents.

- Tags: how-to-guide
- Published: 2026-08-11

### [What Programming Languages Does Archify Support? Language Agnostic Architecture Mapping Explained](/tt-a1i/archify/what-programming-languages-does-archify-support)

Archify maps software architecture for any language, including JavaScript, Python, Go, and Rust. Discover how its language agnostic approach simplifies analysis and understanding.

- Tags: api-reference
- Published: 2026-08-11

### [Prerequisites for Using Archify: Complete Setup Guide for 2024](/tt-a1i/archify/what-are-the-prerequisites-for-using-archify)

Discover Archify prerequisites. Get started with Archify using just a modern web browser. Learn about Node and static-file server recommendations for development.

- Tags: getting-started
- Published: 2026-08-11

### [How to Install Archify for Cursor, Codex, Claude-Code, and Raven: Complete Guide](/tt-a1i/archify/how-can-i-install-archify)

Install Archify easily using a single npx command for Cursor, Codex, Claude-Code, or OpenCode. This guide covers manual ZIP extraction for Raven too. Get started now.

- Tags: how-to-guide
- Published: 2026-08-11

### [What Is Archify and Its Primary Purpose? An AI-Powered System Mapping Tool Explained](/tt-a1i/archify/what-is-archify-and-what-is-its-primary-purpose)

Discover Archify, an AI-powered system mapping tool. Transform codebases into interactive system maps with its efficient validate-and-deliver workflow. Learn its purpose today.

- Tags: getting-started
- Published: 2026-08-11

### [Archify Authoring Contract for Relationships and Routes: Complete Technical Guide](/tt-a1i/archify/what-is-the-authoring-contract-for-relationships-and-routes-in-archify)

Understand the Archify authoring contract for relationships and routes. This JSON payload defines edges and paths for front-end rendering without server trips. Learn more in our technical guide.

- Tags: deep-dive
- Published: 2026-08-10

### [Layout JSON Output for Archify Architecture Diagrams: Schema, Grid Mode, and Configuration Guide](/tt-a1i/archify/what-is-the-layout-json-output-for-archify-architecture-diagrams)

Learn how to layout JSON output for Archify architecture diagrams. Explore grid mode, origin, cols, gapX, gapY, cellW, and cellH settings in this guide.

- Tags: architecture
- Published: 2026-08-10

### [How to Configure the Animation Trace Option for Presentations in Archify](/tt-a1i/archify/how-do-i-configure-the-animation-trace-option-for-presentations-in-archify)

Easily configure Archify presentations with the animation trace option. Simply set meta.animation: "trace" in your diagram schema for dynamic visuals. Learn more now.

- Tags: how-to-guide
- Published: 2026-08-10

### [Archify Component Types: The Complete Guide to Frontend, Backend, Database, Cloud, and Security Variants](/tt-a1i/archify/what-are-the-archify-component-type-variants-frontend-backend-database-cloud-security)

Explore Archify component types including frontend, backend, database, cloud, and security variants. Understand your architecture options with this comprehensive guide.

- Tags: deep-dive
- Published: 2026-08-10

### [How the Archify Compare Command Generates Its Machine Receipt](/tt-a1i/archify/how-does-the-archify-compare-command-generate-the-machine-receipt)

Learn how the Archify compare command creates its machine receipt. It validates snapshots, computes deltas, escapes JSON, and embeds it in HTML.

- Tags: internals
- Published: 2026-08-10

### [Archify Deep Linking: How to Use Focus, Route, and Lens Parameters to Share Precise Diagram States](/tt-a1i/archify/how-do-i-use-deep-linking-with-focus-route-lens-parameters-in-archify)

Master Archify deep linking with focus, route, and lens parameters. Share precise diagram states easily using URL hashes for static exports and embeds.

- Tags: how-to-guide
- Published: 2026-08-10

### [Automatic Port Spread in Archify: How the Routing Algorithm Distributes Connection Points](/tt-a1i/archify/what-is-automatic-port-spread-in-archify-and-how-does-it-handle-routing)

Discover Archify's automatic port spread. Learn how this routing algorithm intelligently distributes connection points on components to prevent visual clutter and improve diagram clarity.

- Tags: internals
- Published: 2026-08-10

### [How to Add Guided Stories and Views to Archify Diagrams: A Complete Guide](/tt-a1i/archify/how-do-i-add-guided-stories-and-views-to-archify-diagrams)

Learn to add guided stories and views to Archify diagrams. Define named views in JSON, create a guide array with chapters, and let the UI automatically render a Play button.

- Tags: how-to-guide
- Published: 2026-08-10

### [How to Export Share Cards and Route Cards (1200×630) from Archify](/tt-a1i/archify/how-do-i-export-share-cards-and-route-cards-1200x630-from-archify)

Easily export 1200x630 share and route cards from Archify using the export menu and recordExportReceipt() helper. Download PNGs directly from your browser for seamless sharing.

- Tags: how-to-guide
- Published: 2026-08-10

### [How to Use Route Tracing to Find Paths Between Components in Archify](/tt-a1i/archify/how-do-i-use-route-tracing-to-find-paths-between-components-in-archify)

Learn how to use Archify route tracing to find the shortest directed path between components. Discover paths via keyboard shortcuts, toolbar buttons, or API calls.

- Tags: how-to-guide
- Published: 2026-08-10

### [Standard vs Showcase Quality Profiles in Archify: Key Differences Explained](/tt-a1i/archify/what-is-the-difference-between-standard-and-showcase-quality-profiles-in-archify)

Understand the key differences between Archify's standard and showcase quality profiles. Learn how showcase promotes composition issues to hard errors, blocking polished artifacts.

- Tags: deep-dive
- Published: 2026-08-10

### [How to Configure Dark and Light Themes Programmatically in Archify](/tt-a1i/archify/how-do-i-configure-dark-light-themes-programmatically-in-archify)

Learn to programmatically configure dark and light themes in Archify using HTML attributes, URL parameters, and keyboard shortcuts. Control visual styles via the data-theme attribute on the root HTML element.

- Tags: how-to-guide
- Published: 2026-08-10

### [How Archify Composition Checks Work: Label Clearance and Relationship Crossing Rules Explained](/tt-a1i/archify/how-do-archify-composition-checks-work-label-clearance-relationship-crossings)

Understand Archify composition checks label clearance and relationship crossing rules. Learn how these geometric validations ensure diagram readability and semantic correctness.

- Tags: deep-dive
- Published: 2026-08-10

### [How to Debug Validation Failures with Supported Fixes in Archify](/tt-a1i/archify/how-do-i-debug-validation-failures-with-supportedfixes-in-archify)

Debug Archify validation failures with supportedFixes. Run archify validate to get suggested fixes and resolve schema or repository-evidence errors quickly.

- Tags: how-to-guide
- Published: 2026-08-10

### [Archify Delivery Contract and Atomic Commit Behavior Explained](/tt-a1i/archify/what-is-the-archify-delivery-contract-and-atomic-commit-behavior)

Understand the Archify delivery contract's three-phase pipeline—validate render deterministic receipt generation and atomic commit—ensuring reliable HTML artifact publishing.

- Tags: deep-dive
- Published: 2026-08-10

### [How Archify's Live Preview Mode Works with File Watching: A Deep Dive](/tt-a1i/archify/how-does-archifys-live-preview-mode-work-with-file-watching)

Learn how Archify's live preview mode uses chokidar file watching and WebSockets for instant browser updates without reloads. Deep dive into Archify's file watching.

- Tags: deep-dive
- Published: 2026-08-10

### [What Are Archify Engineering Profiles and How to Use Deployment-Ownership Validation](/tt-a1i/archify/what-are-engineering-profiles-and-how-to-use-deployment-ownership-validation-in-archify)

Learn about Archify engineering profiles and deployment-ownership validation. Enforce engineering-truth constraints on your architecture diagrams for ownership, regions, and security.

- Tags: how-to-guide
- Published: 2026-08-10

### [How to Add Git-Verified Source Evidence to Archify Diagrams](/tt-a1i/archify/how-do-i-add-source-evidence-to-archify-diagrams-with-git-verification)

Add Git-verified source evidence to Archify diagrams. Include repository, commit, file, and line range in your JSON IR to generate clickable source badges in HTML output.

- Tags: how-to-guide
- Published: 2026-08-10

### [How Archify's Architecture Delta Compares Two Architecture Diagrams](/tt-a1i/archify/how-does-archifys-architecture-delta-compare-two-architecture-diagrams)

Compare architecture diagrams with Archify's Architecture Delta. This diff engine analyzes JSON specs to report added removed and updated nodes and edges.

- Tags: deep-dive
- Published: 2026-08-10

### [How to Create Custom Visual Presets in Archify: A Step-by-Step Guide](/tt-a1i/archify/how-do-i-create-custom-visual-presets-in-archify)

Learn to create custom visual presets in Archify with this step-by-step guide. Extend the JSON schema, add CSS rules, and expose your preset in the UI picker.

- Tags: how-to-guide
- Published: 2026-08-10

### [Archify JSON Intermediate Representation (IR) Schema Structure Explained](/tt-a1i/archify/what-is-the-json-intermediate-representation-ir-schema-structure)

Understand Archify's JSON Intermediate Representation IR schema structure. Learn how this portable JSON format defines architecture, workflow, sequence, dataflow, and lifecycle diagrams.

- Tags: api-reference
- Published: 2026-08-10

### [How Archify's Validation Pipeline Works: From Render to Deterministic Quality Receipt](/tt-a1i/archify/how-does-archifys-validation-pipeline-work)

Discover how Archify's validation pipeline ensures syntactically correct and visually trustworthy diagrams with structural SVG checks and geometric analysis.

- Tags: internals
- Published: 2026-08-10

### [How to Generate Archify Share Cards for README and Social Media](/tt-a1i/archify/archify-generate-share-cards-readme-social-media)

Generate Archify share cards for READMEs and social media using an embedded Export button or CLI. Create canonical 1200x630 PNGs from validated diagrams easily.

- Tags: how-to-guide
- Published: 2026-08-09

### [Keyboard Shortcuts for Interactive Exploration in the Archify Viewer: Complete 2024 Guide](/tt-a1i/archify/archify-viewer-keyboard-shortcuts-exploration)

Master Archify viewer keyboard shortcuts for interactive exploration. Learn shortcuts for search, dependency tracing, route probing, and visual controls to navigate complex diagrams efficiently.

- Tags: how-to-guide
- Published: 2026-08-09

### [How to Use the Archify Scenario Guide CLI to Select Diagram Types](/tt-a1i/archify/archify-scenario-guide-cli-diagram-type-selection)

Learn to select diagram types with the Archify scenario guide CLI. Generate a JSON recipe mapping design intent to renderers like Architecture, Workflow, Sequence, Data-flow, or Lifecycle.

- Tags: how-to-guide
- Published: 2026-08-09

### [Schema Definitions That Govern IR for Each Archify Diagram Type](/tt-a1i/archify/archify-ir-schema-definitions-diagram-types)

Discover how Archify uses dedicated JSON Schema files to validate diagram Internal Representation (IR), ensuring type-specific constraints and consistent component typing across all formats.

- Tags: api-reference
- Published: 2026-08-09

### [How the Archify Comparison CLI Generates Delta Artifacts: A 13-Step Pipeline](/tt-a1i/archify/archify-comparison-cli-delta-artifacts)

Learn how the Archify comparison CLI generates delta artifacts. Discover the 13-step pipeline for comparing architecture JSON files and creating interactive HTML reports.

- Tags: internals
- Published: 2026-08-09

### [Stable URL Fragments for Deep Linking in Archify: The Complete Reference](/tt-a1i/archify/archify-deep-linking-url-fragments)

Discover stable URL fragments like #view=<view-id> and #view=<view-id>&beat=<node-id> for deep linking in Archify. Create persistent links to specific visual states and views.

- Tags: api-reference
- Published: 2026-08-09

### [How Evidence-Backed Source References Enable Git-Verified File Opening in Archify](/tt-a1i/archify/archify-git-verified-file-opening-source-references)

Discover how Archify uses structured src objects with commit SHAs and file paths for Git-verified file opening. Access exact repository locations via clickable SRC badges.

- Tags: how-to-guide
- Published: 2026-08-09

### [How to Configure Optional Animation Settings in Archify JSON Meta](/tt-a1i/archify/archify-configure-animation-settings-json-meta)

Easily configure Archify JSON meta animation settings. Learn to set animation to trace, none, or omit for static diagrams, controlling your visualization's motion.

- Tags: how-to-guide
- Published: 2026-08-09

### [Archify's Quality Profiles and Validation Rules: Standard vs Showcase](/tt-a1i/archify/archify-quality-profiles-validation-rules)

Explore Archify's standard and showcase quality profiles and their validation rules. Understand JSON schema compliance, line crossing limits, and bend limits for superior data quality.

- Tags: deep-dive
- Published: 2026-08-09

### [How to Create Guided Stories with Chapters for Archify Presentations](/tt-a1i/archify/archify-guided-stories-presentation-chapters)

Learn to create guided stories with chapters in Archify presentations. Embed chapter metadata in JSON and enable guided mode for interactive storytelling and chapter navigation.

- Tags: how-to-guide
- Published: 2026-08-09

### [How Archify's Route Probe Traces Paths Between Nodes](/tt-a1i/archify/archify-route-probe-node-path-tracing)

Discover how Archify's route probe traces node paths using a Dijkstra-style algorithm. Press R to compute and visualize optimal routes with an interactive SVG overlay.

- Tags: how-to-guide
- Published: 2026-08-09

### [How to Install Archify for Various IDEs and CLIs: A Complete Setup Guide](/tt-a1i/archify/archify-installation-ides-clis)

Install Archify for Cursor, Codex CLI, Claude Code, and more with a simple npx command or manual ZIP extraction for web UI. Get your complete setup guide now.

- Tags: how-to-guide
- Published: 2026-08-09

### [How Archify's Export Options Produce Portable Artifacts](/tt-a1i/archify/archify-export-options-portable-artifacts)

Discover how Archify's export options create portable, self-contained artifacts for easy sharing and embedding. View, share, or embed without external dependencies.

- Tags: best-practices
- Published: 2026-08-09

### [What Is Archify's Deployment Ownership Validation Contract?](/tt-a1i/archify/archify-deployment-ownership-validation-contract)

Discover Archify's deployment ownership validation contract. This schema-driven guarantee ensures architecture diagrams declare workload ownership, crossing points, and operational evidence via machine-validated receipts.

- Tags: internals
- Published: 2026-08-09

### [Archify Visual Presets and Themes: A Complete Guide to Diagram Customization](/tt-a1i/archify/archify-visual-presets-themes)

Explore Archify's visual presets and themes: classic, signal-flow, blueprint, and editorial, with dark and light color options. Customize your diagrams easily.

- Tags: tutorial
- Published: 2026-08-09

### [How to Trace Upstream and Downstream Reach from a Node in Archify Viewer](/tt-a1i/archify/archify-viewer-trace-node-reach)

Discover how to trace upstream and downstream reach from any node in Archify viewer. Easily identify ancestors or descendants programmatically for comprehensive graph analysis.

- Tags: how-to-guide
- Published: 2026-08-09

### [How Archify Validation and Delivery Commands Ensure Artifact Quality](/tt-a1i/archify/archify-validation-delivery-commands-artifact-quality)

Ensure artifact quality with Archify validation and delivery commands. Our pipeline validates schemas, renders diagrams, and commits verified outputs with cryptographic receipts.

- Tags: how-to-guide
- Published: 2026-08-09

### [How Archify's Architecture Delta Compares Before and After Snapshots](/tt-a1i/archify/archify-architecture-delta-snapshot-comparison)

Compare Archify's Architecture Delta Before and After snapshots. This deterministic diff engine generates an HTML artifact detailing precise changes between two validated Architecture-IR snapshots.

- Tags: architecture
- Published: 2026-08-09

### [Archify's Five Diagram Types: When to Use Each One](/tt-a1i/archify/archify-diagram-types-and-usage)

Discover Archify's five diagram types: Architecture, Workflow, Sequence, Data Flow, and Lifecycle. Learn when to use each for effective technical visualization.

- Tags: how-to-guide
- Published: 2026-08-09

### [How JSON IR Schemas Validate Diagram Structure in Archify: A Complete Technical Guide](/tt-a1i/archify/how-json-ir-schemas-validate-diagrams-archify)

Learn how Archify uses JSON IR schemas and AJV to rigorously validate diagram structure, ensuring type constraints and required fields are met before rendering. A technical deep-dive.

- Tags: deep-dive
- Published: 2026-08-08

### [How to Use the Archify Scenario Guide to Choose the Right Diagram Type](/tt-a1i/archify/how-to-use-scenario-guide-for-diagram-selection)

Effortlessly pick the right diagram type with Archify's scenario guide. Answer questions to get pre-validated recipes and CLI prompts for your design intents.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Configure Trace and Finite Motion Animations in Archify](/tt-a1i/archify/how-to-configure-animations-in-archify)

Learn to configure trace and finite motion animations in Archify by setting meta animation in your diagram. Control CSS keyframes and animation timing for dynamic visuals.

- Tags: how-to-guide
- Published: 2026-08-08

### [How the Delivery Atomic Commit Works in Archify: Safe Publishing Explained](/tt-a1i/archify/how-delivery-atomic-commit-works-archify)

Learn how Archify's delivery atomic commit ensures safe publishing with file validation and atomic renames. Protect your trusted outputs with this robust system.

- Tags: internals
- Published: 2026-08-08

### [How to Create Lifecycle Diagrams with States and Terminal Outcomes in Archify](/tt-a1i/archify/how-to-create-lifecycle-diagrams-with-archify)

Learn to create lifecycle diagrams with states and terminal outcomes in Archify. Visualize your system's progress through interactive HTML diagrams using custom lanes and defined schemas.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Create Dataflow Diagrams with PII Boundaries Using Archify](/tt-a1i/archify/how-to-create-dataflow-diagrams-with-pii-boundaries)

Learn to create dataflow diagrams with PII boundaries using Archify. This guide shows how to highlight sensitive data with security type and variant declarations. Get clear visuals now.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Create Sequence Diagrams with Timing and Async Traces in Archify](/tt-a1i/archify/how-to-create-sequence-diagrams-with-archify)

Learn to create sequence diagrams with timing and async traces in Archify. Define JSON IR with durations and async roles. Generate animated SVG diagrams easily.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Create Workflow Diagrams with Lanes and Branches Using Archify](/tt-a1i/archify/how-to-create-workflow-diagrams-with-archify)

Learn to create workflow diagrams with lanes and branches in Archify. This guide shows how to use its JSON representation and CLI to generate clear, multi-actor process diagrams.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Integrate Archify with Cursor, Claude Code, Codex CLI, and OpenCode](/tt-a1i/archify/how-to-integrate-archify-with-code-tools)

Integrate Archify with Cursor, Claude Code, Codex CLI, and OpenCode. Use a single Node.js binary to generate typed JSON specs and interactive HTML diagrams for agent-aware skills.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Use Layout JSON Output for Debugging Archify Diagrams](/tt-a1i/archify/how-to-use-layout-json-for-debugging)

Debug Archify diagrams with layout JSON output. Inspect coordinates and sizing data for precise visual placement and adjustments. Optimize your diagram debugging process.

- Tags: debugging
- Published: 2026-08-08

### [How to Use Guided Stories and Chapters for Architecture Exploration in Archify](/tt-a1i/archify/how-to-use-guided-stories-and-chapters-in-archify)

Explore your architecture with Archify's guided stories and chapters. Navigate diagrams, highlight key elements, and understand relationships easily with this powerful visualization tool.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Configure Dark and Light Themes for Archify: 3 Methods Explained](/tt-a1i/archify/how-to-configure-dark-light-themes-archify)

Easily configure dark and light themes for Archify using HTML data attributes, URL query parameters, or a keyboard shortcut. Customize your experience today!

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Use Route Probing to Inspect Directed Paths in Architecture](/tt-a1i/archify/how-to-use-route-probing-for-path-inspection)

Learn how to use route probing in Archify to inspect directed paths within your architecture. Visualize shortest paths deterministically without live instrumentation. Inspect architecture easily.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Trace Upstream and Downstream Authored Reach in Archify](/tt-a1i/archify/how-to-trace-architectural-reach-in-archify)

Learn how to trace upstream and downstream authored reach in Archify. Use built-in UI or the JavaScript API to visualize node ancestry and descendants with reachabilitySnapshot.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Export Architecture Diagrams as PNG, SVG, and Share Cards in Archify](/tt-a1i/archify/how-to-export-archify-diagrams)

Easily export architecture diagrams from Archify as PNG, SVG, or share cards. Download your diagrams in various formats directly from your browser with this intuitive tool.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Write Valid JSON for the Archify Architecture Diagram Schema](/tt-a1i/archify/how-to-write-valid-json-for-architecture-diagrams)

Learn to write valid JSON for the Archify architecture diagram schema. Ensure required fields like schema_version, diagram_type, meta, and components are correctly formatted for accurate diagrams.

- Tags: api-reference
- Published: 2026-08-08

### [How to Resolve Validation Diagnostics and Find Supported Fixes in Archify](/tt-a1i/archify/how-to-resolve-archify-validation-diagnostics)

Resolve Archify validation diagnostics easily. Learn how to find supported fixes within the diagnostics array and repair your validation errors efficiently.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Enable the Deployment-Ownership Engineering Profile in Archify](/tt-a1i/archify/how-to-enable-deployment-ownership-profile)

Easily enable the deployment-ownership engineering profile in Archify. Simply declare deployment-ownership in your .architecture.json file for strict deployment validation and compliant receipts.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Configure Visual Presets in Archify: Signal Flow, Blueprint, Classic, and Editorial](/tt-a1i/archify/how-to-configure-archify-visual-presets)

Easily configure Archify visual presets like Signal Flow, Blueprint, Classic, and Editorial. Learn to set the visual_preset field or use the CLI flag for custom diagram styles.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Use Preview Mode for Live Architecture Diagram Editing in Archify](/tt-a1i/archify/how-to-use-live-editing-preview-mode-for-diagrams)

Edit Archify architecture diagrams live with preview mode. See instant changes to source JSON without rebuilding and refine your diagrams effectively.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Create Source Evidence Links to Git Repositories in Archify Architecture Diagrams](/tt-a1i/archify/how-to-link-git-repositories-to-architecture-diagrams)

Learn to create source evidence links to Git repositories in Archify architecture diagrams. Attach verifiable files and line ranges to nodes for direct access.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Compare Two Architecture Snapshots Using Architecture Delta](/tt-a1i/archify/how-to-compare-architecture-snapshots-with-architecture-delta)

Easily compare two architecture snapshots using Architecture Delta. Generate a synchronized HTML proof with Before/Delta/After views for clear visualization.

- Tags: how-to-guide
- Published: 2026-08-08

### [How to Compare Two Architecture Versions Using Archify: A Step-by-Step Guide](/tt-a1i/archify/how-to-compare-two-architecture-versions-using-archify)

Compare two architecture versions with Archify. Generate a detailed Architecture Delta report from typed JSON IR, highlighting all changes without live code or runtime data. Easy step-by-step guide.

- Tags: how-to-guide
- Published: 2026-08-07

### [How to Deliver a Verified Artifact with the Archify CLI: A Complete Guide](/tt-a1i/archify/how-to-deliver-a-verified-artifact-with-archify-cli)

Learn how to deliver verified artifacts with the Archify CLI. Use the --quality flag to generate cryptographically verifiable receipts proving your diagram's origin. Inspect and open artifacts easily.

- Tags: how-to-guide
- Published: 2026-08-07

### [How to Validate a Diagram Specification with the Archify CLI: Complete Guide](/tt-a1i/archify/how-to-validate-a-diagram-specification-with-archify-cli)

Learn to validate diagram specifications with the Archify CLI. Ensure schema, layout, and rendering accuracy for your architecture, workflow, sequence, dataflow, or lifecycle diagrams.

- Tags: how-to-guide
- Published: 2026-08-07

### [How to Render a Diagram Using the Archify CLI: A Complete Guide](/tt-a1i/archify/how-to-render-a-diagram-using-archify-cli)

Learn to render diagrams with the Archify CLI. Follow our guide to create architecture, workflow, sequence, and more diagrams easily. Get started now.

- Tags: how-to-guide
- Published: 2026-08-07

### [Archify Diagram Export Formats: Complete Guide to 6 Supported Formats](/tt-a1i/archify/what-export-formats-does-archify-support-for-diagrams)

Explore Archify's diagram export options. Learn about SVG, PNG, JPEG, WebP, PDF, and animated WebM formats to best share your architectural diagrams.

- Tags: api-reference
- Published: 2026-08-07

### [What Are Guided Views and Stories in Archify? A Complete Guide to Interactive Diagram Navigation](/tt-a1i/archify/what-are-guided-views-and-stories-in-archify)

Explore Archify's Guided Views and Stories for interactive diagram navigation. Pre-define camera positions and animations for step-by-step exploration via URL.

- Tags: how-to-guide
- Published: 2026-08-07

### [How to Use Animation Modes in Archify: Enabling Trace Motion for Dynamic Diagrams](/tt-a1i/archify/how-to-use-animation-modes-in-archify)

Learn to use Archify animation modes for trace motion. Animate edges with flowing dashes and pulse nodes to visualize data flow in your diagrams.

- Tags: how-to-guide
- Published: 2026-08-07

### [How to Connect Archify Architecture Diagrams to a Code Repository (Repository Evidence)](/tt-a1i/archify/how-to-connect-archify-architecture-diagrams-to-code-repository)

Connect Archify architecture diagrams to your code repository using Git SHAs and source links. Validate local checkouts and embed evidence directly into your diagrams for a robust workflow.

- Tags: how-to-guide
- Published: 2026-08-07

### [How Archify Automatic Port Spread Works: A Deep Dive Into Automatic Port Distribution](/tt-a1i/archify/how-does-archify-automatic-port-spread-feature-work)

Discover how Archify Automatic Port Spread distributes ports for clear connections. Learn to keep routed edges distinct without manual anchors in this deep dive.

- Tags: deep-dive
- Published: 2026-08-07

### [Archify Quality Profiles: Standard vs Showcase Explained](/tt-a1i/archify/what-are-the-quality-profiles-in-archify)

Understand Archify quality profiles: standard vs showcase. Learn how these profiles control diagram composition checks, distinguishing warnings from hard errors for better code quality.

- Tags: deep-dive
- Published: 2026-08-07

### [How to Use Archify for Lifecycle Diagrams: A Complete Guide](/tt-a1i/archify/how-to-use-archify-for-lifecycle-diagrams)

Learn how to use Archify for lifecycle diagrams. This guide shows you how to convert JSON descriptions into interactive HTML diagrams with validation and animation.

- Tags: how-to-guide
- Published: 2026-08-07

### [How to Use Archify for Dataflow Diagrams: A Complete Guide to JSON-Driven Pipeline Visualizations](/tt-a1i/archify/how-to-use-archify-for-dataflow-diagrams)

Master Archify for dataflow diagrams. Learn to generate interactive visualizations from JSON IR in three simple stages. Get your complete guide now.

- Tags: how-to-guide
- Published: 2026-08-07

### [How to Use Archify for Sequence Diagrams: A Complete Guide](/tt-a1i/archify/how-to-use-archify-for-sequence-diagrams)

Learn how to use Archify for sequence diagrams. This guide shows you to generate SVG, PNG, JPEG, and WebP diagrams from text or JSON with Archify.

- Tags: how-to-guide
- Published: 2026-08-07

### [How to Use Archify for Workflow Diagrams: Complete CLI and JSON Guide](/tt-a1i/archify/how-to-use-archify-for-workflow-diagrams)

Learn to use Archify CLI and JSON to create interactive workflow diagrams from plain text. Validate preview and export your diagrams easily with this comprehensive guide.

- Tags: how-to-guide
- Published: 2026-08-07

### [How to Use Archify for Architecture Diagrams: A Step-by-Step Guide](/tt-a1i/archify/how-to-use-archify-for-architecture-diagrams)

Learn to create stunning architecture diagrams with Archify. This guide shows you how to convert plain English descriptions into interactive diagrams using the tt-a1i/archify repository. Get started today.

- Tags: how-to-guide
- Published: 2026-08-07

### [Archify CLI Commands: Complete Command-Line Interface Reference](/tt-a1i/archify/what-are-the-command-line-interface-commands-for-archify)

Explore Archify CLI commands for creating and managing architecture diagrams. Discover 11 core commands like render, compare, and validate in this comprehensive reference.

- Tags: api-reference
- Published: 2026-08-07

### [How archify Renderers Convert JSON to HTML and SVG](/tt-a1i/archify/how-do-archify-renderers-convert-json-to-html-and-svg)

Discover how Archify renderers convert JSON to HTML and SVG. Learn about layout computation, validation, and SVG injection for creating standalone diagrams.

- Tags: internals
- Published: 2026-08-07

### [Where to Find JSON Schemas for Archify Diagrams: Complete File Location Guide](/tt-a1i/archify/where-can-i-find-the-json-schemas-for-archify-diagrams)

Discover where to find Archify JSON schemas within the tt-a1i/archify repository. Locate schema files for diagrams and shared definitions to streamline your architecture documentation.

- Tags: api-reference
- Published: 2026-08-07

### [Modular Architecture of Archify: A Deep Dive Into Its Skill-Based Design](/tt-a1i/archify/what-is-the-modular-architecture-of-archify)

Explore Archify's modular architecture. Discover its skill-based design, layered components, and typed JSON contracts for seamless AI agent integration.

- Tags: deep-dive
- Published: 2026-08-07

### [How Archify Validates JSON Specifications for Diagrams: Build-Time Schema Compilation with AJV](/tt-a1i/archify/how-does-archify-validate-json-specifications-for-diagrams)

Learn how Archify validates JSON diagram specifications with build-time schema compilation using AJV for zero-overhead runtime checks. Optimize your diagram generation.

- Tags: how-to-guide
- Published: 2026-08-07

### [Supported Diagram Types in Archify: A Complete Guide to Visualization Modes](/tt-a1i/archify/what-are-the-supported-diagram-types-in-archify)

Explore all six supported diagram types in Archify: Architecture, Sequence, Data-flow, Workflow, Deployment, and State-Machine. Visualize your models easily with Archify.

- Tags: how-to-guide
- Published: 2026-08-07

### [How to Generate HTML Diagrams from JSON with Archify: Complete CLI Guide](/tt-a1i/archify/how-to-generate-html-diagrams-from-json-with-archify)

Generate interactive HTML diagrams from JSON using Archify CLI. Learn the simple `archify deliver` command for validation, rendering, and committing your diagrams.

- Tags: how-to-guide
- Published: 2026-08-07

### [How to Convert Mermaid Diagrams to Archify JSON: A Complete Guide](/tt-a1i/archify/how-to-convert-mermaid-diagrams-archify-json)

Learn to convert Mermaid diagrams to Archify JSON. Map nodes, edges, and groups to Archify's schema, then validate and render using the CLI for seamless integration.

- Tags: how-to-guide
- Published: 2026-08-06

### [Archify Visual Quality Composition Checks: 4 Metrics That Guarantee Diagram Quality](/tt-a1i/archify/composition-checks-visual-quality-archify)

Discover Archify's 4 visual quality composition checks: proper crossings, container border runs, micro-segments, and short interior segments. Ensure diagram quality with Archify's metrics.

- Tags: deep-dive
- Published: 2026-08-06

### [How Archify's Typed JSON IR Ensures Reproducible Diagrams: 5 Mechanisms Explained](/tt-a1i/archify/how-typed-json-ir-ensures-reproducibility-archify)

Discover how Archify's typed JSON IR ensures reproducible diagrams with 5 key mechanisms. Learn about schema validation, deterministic identifiers, and atomic output delivery for reliable diagram generation.

- Tags: internals
- Published: 2026-08-06

### [How to Integrate Archify with Cursor, Claude Code, and Other AI Agents](/tt-a1i/archify/how-to-integrate-archify-agents-cursor-claude)

Learn how to integrate Archify with AI agents like Cursor and Claude. Use a single agent-neutral skill and natural language prompts for seamless integration.

- Tags: how-to-guide
- Published: 2026-08-06

### [Archify Schema Structure for Each Diagram Type: Complete JSON Reference](/tt-a1i/archify/schema-structure-diagram-types-archify)

Explore Archify's JSON schema structure for Architecture, Data Flow, Workflow, Sequence, and Lifecycle diagrams. Understand diagram metadata and type-specific fields for efficient technical documentation.

- Tags: api-reference
- Published: 2026-08-06

### [How to Debug Validation Failures with Supported Fixes in Archify](/tt-a1i/archify/how-to-debug-validation-failures-supported-fixes-archify)

Debug Archify validation failures effectively. Use json diagnostics and apply supported fixes manually or automatically with npx archify validate.

- Tags: how-to-guide
- Published: 2026-08-06

### [How Archify's Layout Algorithm Handles Automatic Routing: A Deep Dive into the Auto-Route Engine](/tt-a1i/archify/how-archify-layout-algorithm-handles-automatic-routing)

Explore Archify's auto-route engine and learn how its layout algorithm handles automatic routing when route fields are omitted or set to auto.

- Tags: deep-dive
- Published: 2026-08-06

### [Archify Authoring Invariants and Best Practices: The Complete Guide](/tt-a1i/archify/authoring-invariants-best-practices-archify)

Master Archify authoring invariants and best practices for guaranteed deterministic, validated diagrams. Learn Archify's fast-authorship workflow for zero composition errors.

- Tags: best-practices
- Published: 2026-08-06

### [How Archify Ensures Atomic Commits in Its Delivery Workflow](/tt-a1i/archify/how-archify-delivery-workflow-ensures-atomic-commits)

Learn how Archify ensures atomic commits with its single-write, immutable-artifact contract. Deliveries are published only after full verification, with automatic cleanup on failure.

- Tags: internals
- Published: 2026-08-06

### [How to Export Share Cards and Route Cards in Archify: Complete Guide](/tt-a1i/archify/how-to-export-share-cards-route-cards-archify)

Easily export share cards and route cards from Archify. Follow our complete guide to get diagram snapshots and route paths for your projects. Learn how to export now.

- Tags: how-to-guide
- Published: 2026-08-06

### [Architecture Delta Receipt Format: How to Read and Parse Archify Comparison Results](/tt-a1i/archify/architecture-delta-receipt-format-interpretation)

Understand the Architecture Delta receipt format and learn to parse Archify comparison results. This JSON document details detected changes between architecture snapshots for audits.

- Tags: how-to-guide
- Published: 2026-08-06

### [How to Use the Archify Semantic Lens for Role Comparison](/tt-a1i/archify/how-to-use-semantic-lens-feature-role-comparison)

Easily compare semantic roles like backend vs. database using the Archify Semantic Lens directly in your browser. Discover traffic differences effortlessly with this powerful tool.

- Tags: how-to-guide
- Published: 2026-08-06

### [How to Create Guided Stories and Views in Archify: A Complete Tutorial](/tt-a1i/archify/how-to-create-guided-stories-views-archify)

Learn to create guided stories and views in Archify with this tutorial. Discover how Archify transforms static diagrams into interactive narratives using JSON data and runtime UI.

- Tags: tutorial
- Published: 2026-08-06

### [How Route Tracing Works in the Archify Viewer: A Complete Technical Guide](/tt-a1i/archify/how-route-tracing-feature-works-archify-viewer)

Explore how Archify viewer's route tracing works. Visualize shortest paths interactively on SVG diagrams using the Archify routeProbe module. Learn more now.

- Tags: deep-dive
- Published: 2026-08-06

### [Archify Diagram Types: 5 Supported Formats and When to Use Each](/tt-a1i/archify/diagram-types-supported-archify-usage)

Explore Archify's 5 diagram types: Architecture, Workflow, Sequence, Data Flow, and Lifecycle. Learn which format best suits your technical documentation needs and visualize your systems effectively.

- Tags: how-to-guide
- Published: 2026-08-06

### [How Archify Live Preview Mode Works: Technical Deep Dive into the Real-Time Diagram Authoring Loop](/tt-a1i/archify/how-live-preview-mode-works-archify)

Explore Archify's live preview mode technical deep dive. Discover how this zero-dependency authoring loop regenerates diagrams in real-time from JSON without exposing state.

- Tags: deep-dive
- Published: 2026-08-06

### [Standard vs Showcase Quality Profiles in Archify: Complete Guide](/tt-a1i/archify/difference-between-standard-showcase-quality-profiles-archify)

Understand the difference between Archify's standard and showcase quality profiles. Learn how each handles composition issues for your technical documentation.

- Tags: deep-dive
- Published: 2026-08-06

### [How to Add Source Evidence Verification to Your Architecture Diagram in Archify](/tt-a1i/archify/how-to-add-source-evidence-verification-architecture-diagram)

Add source evidence verification to your Archify architecture diagrams. Link visual elements to JSON manifests and display automatic verification badges.

- Tags: how-to-guide
- Published: 2026-08-06

### [How the Architecture Delta Compare Feature Works in Archify](/tt-a1i/archify/how-architecture-delta-compare-feature-works)

Explore Archify's Architecture Delta Compare feature to visualize differences between architecture snapshots. See additions, removals, modifications, and moves clearly.

- Tags: internals
- Published: 2026-08-06

### [How to Create a Custom Visual Preset or Theme in Archify: A Complete Guide](/tt-a1i/archify/how-to-create-custom-visual-preset-theme-archify)

Learn to create custom visual presets and themes in Archify. Extend the JSON schema, add CSS rules, and update the UI with this complete guide.

- Tags: how-to-guide
- Published: 2026-08-06

### [How Archify's Validation System Works: Schema Checks and Composition Checks Explained](/tt-a1i/archify/how-does-archify-validation-system-work-composition-checks)

Discover how Archify's validation system ensures architecture diagram accuracy through schema and composition checks. Learn about its two-stage process and CI integration.

- Tags: deep-dive
- Published: 2026-08-06

### [Understanding the Archify Delta Module Architecture for Comparing Architecture Snapshots](/tt-a1i/archify/archify-delta-module-architecture)

Explore the Archify delta module architecture. This multi-layered pipeline deterministically compares architecture snapshots, generating detailed receipts and interactive visualizations of all changes.

- Tags: architecture
- Published: 2026-08-05

### [Archify Truth Auto Legend Mode vs Explicit Configuration: How It Works](/tt-a1i/archify/archify-auto-legend-mode-vs-explicit)

Compare Archify truth auto legend mode's automatic SVG scanning with explicit configuration's manual JSON control. Understand how to generate legends effortlessly.

- Tags: deep-dive
- Published: 2026-08-05

### [How to Convert Mermaid Diagrams (Flowchart, Sequence, State) to Archify JSON: A Complete Guide](/tt-a1i/archify/convert-mermaid-to-archify-json)

Easily convert Mermaid diagrams like flowcharts sequence and state diagrams to Archify JSON using the Archify CLI convert command. Streamline your architecture documentation.

- Tags: how-to-guide
- Published: 2026-08-05

### [How Archify Validation Ensures Atomic Delivery of Artifacts with SHA-256 Checksums](/tt-a1i/archify/archify-validation-atomic-delivery-checksums)

Archify validation ensures atomic artifact delivery with SHA-256 checksums. Discover how nine built-in checks guarantee successful, verified file replacements.

- Tags: how-to-guide
- Published: 2026-08-05

### [How to Create Custom Recipes for Recurring Diagram Patterns in Archify](/tt-a1i/archify/archify-create-custom-recipes-diagram-patterns)

Learn to create custom recipes for recurring diagram patterns in Archify. Define reusable templates using JavaScript modules for efficient diagram generation and analysis.

- Tags: how-to-guide
- Published: 2026-08-05

### [Archify Deliver vs Preview: Differences Between Production and Development CLI Commands](/tt-a1i/archify/archify-cli-deliver-vs-preview-commands)

Understand the key differences between Archify deliver and preview CLI commands. Deliver commits verified artifacts, while preview aborts before writing to disk.

- Tags: how-to-guide
- Published: 2026-08-05

### [How Archify's Automatic Port Spread Renderer Handles Parallel Ports and Sub-8px Segments](/tt-a1i/archify/archify-port-spread-renderer-behavior)

Discover how Archify's port spread renderer efficiently handles parallel ports and sub-8px segments using advanced routing techniques. Optimize your technical designs.

- Tags: deep-dive
- Published: 2026-08-05

### [Archify Component Type Variants: The Complete Guide to Seven Visual System Categories](/tt-a1i/archify/archify-component-type-variants)

Discover the seven Archify component type variants frontend backend database cloud security messagebus and external. These visual system categories adapt to dark and light modes automatically.

- Tags: deep-dive
- Published: 2026-08-05

### [How to Debug Archify Validation Failures Using `--json` Output and `supportedFixes`](/tt-a1i/archify/archify-debug-validation-failures-json-output)

Debug Archify validation failures efficiently with --json output and supportedFixes. Learn how to repair errors using machine-readable diagnostics and find solutions fast.

- Tags: how-to-guide
- Published: 2026-08-05

### [How Archify's Semantic Lens Compares Traffic Between Semantic Roles](/tt-a1i/archify/archify-semantic-lens-compare-traffic)

Discover how Archify's semantic lens visualizes and compares real traffic between semantic roles. Analyze architecture diagrams with weighted edges based on TRAFFIC data.

- Tags: deep-dive
- Published: 2026-08-05

### [Archify Lifecycle Diagram Schema: Complete Reference for Phase and Event Structure](/tt-a1i/archify/archify-lifecycle-diagram-schema)

Explore the Archify lifecycle diagram schema. Understand how lanes define phases and states define events, with mandatory transitions connecting events in this comprehensive reference.

- Tags: api-reference
- Published: 2026-08-05

### [How Archify's Export Options Generate PNG, SVG, WebP, and Share Card Formats](/tt-a1i/archify/archify-export-options-formats)

Discover how Archify generates PNG, SVG, WebP, and share card formats client-side using an off-screen HTML5 canvas for quick downloads and clipboard copying.

- Tags: how-to-guide
- Published: 2026-08-05

### [Archify Viewer Animation Options and prefers-reduced-motion Accessibility Support](/tt-a1i/archify/archify-viewer-animation-options-reduced-motion)

Explore Archify viewer animation options including CSS transitions and `prefers-reduced-motion` accessibility support. Discover how animations adapt for reduced motion.

- Tags: how-to-guide
- Published: 2026-08-05

### [How to Create Guided Stories with Finite Chapters Using Archify's `meta.views` Field](/tt-a1i/archify/archify-create-guided-stories-meta-views)

Learn to craft guided stories with finite chapters in Archify using the meta.views field. Define chapters, nodes, and sub-step beats within your architecture JSON for clear, structured narratives.

- Tags: how-to-guide
- Published: 2026-08-05

### [How to Add Source Evidence Links to Archify Architecture Nodes Using Git-Verified Files](/tt-a1i/archify/archify-add-source-evidence-links-git)

Learn how to add Git-verified source evidence links to Archify architecture nodes. Declare repo metadata, add sources to components, and use --repo-root for automatic verification.

- Tags: how-to-guide
- Published: 2026-08-05

### [How to Configure the Deployment-Ownership Engineering Profile for Production Architecture Reviews in Archify](/tt-a1i/archify/archify-configure-deployment-ownership-profile)

Configure Archify's deployment-ownership engineering profile for production architecture reviews. Add meta.engineering_profile to your JSON and meet validation constraints for seamless reviews.

- Tags: how-to-guide
- Published: 2026-08-05

### [How Archify Traces Upstream and Downstream Relationships in the Viewer: A Complete Technical Guide](/tt-a1i/archify/archify-reachability-analysis-trace-relationships)

Learn how Archify's viewer traces upstream and downstream relationships. This technical guide explains its transitive closure and DFS analysis on the JSON IR for complete graph visibility.

- Tags: deep-dive
- Published: 2026-08-05

### [Archify Viewer Deep Link URL Parameters: Complete Reference with Examples](/tt-a1i/archify/archify-viewer-deep-link-url-parameters)

Master Archify viewer deep link URL parameters to control views focus playback presentation and theme directly via URLs Learn how to use query strings and hash fragments with examples

- Tags: api-reference
- Published: 2026-08-05

### [How the `archify preview` Command Watches and Reloads Verified JSON Files During Desktop Authoring](/tt-a1i/archify/archify-preview-command-watch-reload-json)

Learn how the archify preview command watches and reloads verified JSON files during desktop authoring. Understand its live-reload loop for efficient development.

- Tags: internals
- Published: 2026-08-05

### [How the Architecture Delta Module Compares Two Validated Snapshots to Generate Diffs](/tt-a1i/archify/architecture-delta-compare-snapshots-diffs)

Discover how the Architecture Delta module generates diffs by comparing two validated snapshots. It classifies facts as added, removed, changed, or moved, creating a cryptographically linked diff receipt.

- Tags: internals
- Published: 2026-08-05

### [Standard vs Showcase Quality Profiles in Archify: Complete Validation Guide](/tt-a1i/archify/archify-validation-standard-vs-showcase-profiles)

Understand Archify's standard vs showcase quality profiles. Learn how strictness levels impact validation for engineering workflows and public artifacts in this complete guide.

- Tags: best-practices
- Published: 2026-08-05

### [How Archify's JSON IR Schema Defines Nodes and Edges for Different Diagram Types](/tt-a1i/archify/archify-json-ir-schema-nodes-edges)

Explore Archify's JSON IR schema to understand how it defines nodes and edges for various diagram types. Learn about components, connections, and attributes.

- Tags: internals
- Published: 2026-08-05

### [How to Configure Animation and Motion with `meta.animation: "trace"` in Archify](/tt-a1i/archify/how-to-configure-animation-archify-meta-animation)

Learn how to configure animation and motion with meta.animation: "trace" in Archify. Enable a finite edge-tracing animation that runs once on load.

- Tags: how-to-guide
- Published: 2026-08-04

### [Archify Renderer Architecture: How Typed Renderers Share Geometry Utilities](/tt-a1i/archify/archify-renderers-architecture-geometry-utilities)

Explore Archify's typed renderer architecture. Discover how five independent renderers leverage shared geometry utilities for consistent diagram layouts across architecture, workflow, sequence, dataflow, and lifecycle diagrams.

- Tags: architecture
- Published: 2026-08-04

### [How to Use the Archify CLI `guide` Command to Determine the Right Diagram Type](/tt-a1i/archify/how-to-use-archify-cli-guide-command)

Learn to use the Archify CLI guide command to get a deterministic recommendation for the optimal diagram type, including evidence and prompts. Simplify your diagramming process.

- Tags: how-to-guide
- Published: 2026-08-04

### [Archify Viewer Keyboard Shortcuts: Complete Guide to Mouse-Free Diagram Interaction](/tt-a1i/archify/archify-viewer-keyboard-shortcuts)

Master Archify viewer keyboard shortcuts for seamless mouse-free interaction. Discover 15+ hotkeys for navigation, theming, tracing, and presentation.

- Tags: how-to-guide
- Published: 2026-08-04

### [Route Tracing with the PATH Key in Archify: How It Works and What Data It Reveals](/tt-a1i/archify/archify-route-tracing-path-key)

Discover how Archify's Route Probe with the PATH key traces directed paths, revealing hop count, edge sequence, and route hashes for your tt-a1i/archify diagrams.

- Tags: how-to-guide
- Published: 2026-08-04

### [Archify Export Formats: Complete Guide to PNG, SVG, WebM, and More](/tt-a1i/archify/archify-export-formats-generation)

Explore Archify export formats PNG SVG WebM and more. Discover how each format is generated using browser-native APIs in this comprehensive guide.

- Tags: api-reference
- Published: 2026-08-04

### [How to Trace Upstream and Downstream Reachability from a Focused Node in Archify](/tt-a1i/archify/how-to-trace-reachability-archify)

Master Archify's focus.reachability API to trace upstream and downstream node connections. Understand dependencies and impacts across your architecture diagrams efficiently.

- Tags: how-to-guide
- Published: 2026-08-04

### [Archify Quality Profiles: Standard vs. Showcase Differences Explained](/tt-a1i/archify/archify-standard-vs-showcase-quality-profiles)

Understand Archify quality profiles. Learn the key differences between standard and showcase profiles for composition checks and build success.

- Tags: deep-dive
- Published: 2026-08-04

### [Understanding the Archify Delivery Contract and Atomic Commit Mechanism](/tt-a1i/archify/what-is-archify-delivery-contract-atomic-commit)

Learn about the Archify delivery contract a three-phase pipeline that ensures safe atomic commit of HTML artifacts after successful JSON validation and receipt generation.

- Tags: internals
- Published: 2026-08-04

### [Archify Visual Presets: The Four Built-In Styles Explained](/tt-a1i/archify/archify-visual-presets-comparison)

Explore Archify's four built-in visual presets: Classic, Signal-Flow, Blueprint, and Editorial. Understand how each preset styles your diagrams without altering core data.

- Tags: deep-dive
- Published: 2026-08-04

### [Schema Differences Between Archify's JSON IR Types and Validation Methods](/tt-a1i/archify/archify-json-ir-schema-differences-validation)

Explore Archify's five JSON IR types architecture workflow sequence lifecycle dataflow and their validation methods Learn about unique properties collections and runtime validation with Ajv

- Tags: api-reference
- Published: 2026-08-04

### [How the Automatic Port Spread Algorithm Works in Archify Architecture Diagrams](/tt-a1i/archify/archify-automatic-port-spread-algorithm)

Discover how Archify's automatic port spread algorithm evenly distributes connection points on components. Ensure consistent, non-overlapping arrow attachments without manual effort.

- Tags: internals
- Published: 2026-08-04

### [Repository Evidence in Archify: How It Links Diagram Components to Git Source Files](/tt-a1i/archify/what-is-archify-repository-evidence)

Discover repository evidence in Archify a verified metadata layer that links diagram components directly to their Git source files for precise traceability.

- Tags: deep-dive
- Published: 2026-08-04

### [Five Diagram Types in Archify: When to Use Each One](/tt-a1i/archify/archify-diagram-types-usage)

Discover the five diagram types in Archify: Architecture, Workflow, Sequence, Data Flow, and Lifecycle. Learn when to use each for optimal system visualization and understanding.

- Tags: how-to-guide
- Published: 2026-08-04

### [Architecture Delta in Archify: How It Compares Snapshots and Generates Verifiable Proofs](/tt-a1i/archify/what-is-archify-architecture-delta-feature)

Discover Archify's Architecture Delta: compare architecture snapshots visually with verifiable proof. Generate deterministic diffs without inferring risk.

- Tags: deep-dive
- Published: 2026-08-04

### [How Archify's Validation System Works: Artifact Checks for Showcase Quality](/tt-a1i/archify/how-archify-validation-system-works-artifact-checks)

Discover how Archify's validation system ensures showcase quality. Learn about its two-stage artifact checks including JSON schema validation and post-render geometric checks.

- Tags: internals
- Published: 2026-08-04

### [How to Use Archify Lifecycle Diagrams for Agent Run Visualization](/tt-a1i/archify/how-to-use-archify-lifecycle-diagrams-for-agent-run-visualization)

Visualize autonomous agent workflows with Archify lifecycle diagrams. Explore interactive state machines rendered to SVG with guided views and keyboard navigation.

- Tags: how-to-guide
- Published: 2026-08-03

### [How to Configure Archify Data‑Flow Diagrams for Product Analytics: A Complete Guide](/tt-a1i/archify/how-to-configure-archify-dataflow-diagrams-for-product-analytics)

Learn to configure Archify dataflow diagrams for product analytics using a typed JSON file. Generate interactive HTML visualizations with the Archify CLI. Get the complete guide.

- Tags: how-to-guide
- Published: 2026-08-03

### [How to Create Archify Workflow Diagrams for Agent Tool Calls: A Complete Guide](/tt-a1i/archify/how-to-create-archify-workflow-diagrams-for-agent-tool-calls)

Learn to create Archify workflow diagrams for agent tool calls. Visualize agent loops for planning, approval, execution, and recovery with this complete guide.

- Tags: how-to-guide
- Published: 2026-08-03

### [How to Configure viewBox for Custom Canvas Sizes in Archify](/tt-a1i/archify/how-to-configure-viewbox-for-custom-canvas-sizes-in-archify)

Learn how to configure viewBox for custom canvas sizes in Archify. Easily set your desired dimensions by modifying the viewBox attribute in SVG elements.

- Tags: how-to-guide
- Published: 2026-08-03

### [How to Debug Archify Rendering Failures Using Diagnostic Error Codes: A Complete Guide](/tt-a1i/archify/how-to-debug-archify-rendering-failures-using-diagnostic-error-codes)

Debug Archify rendering failures fast with diagnostic error codes. Analyze root causes precisely using structured error data from tt-a1i/archify for quicker fixes.

- Tags: how-to-guide
- Published: 2026-08-03

### [Archify Architecture Delta Proof System: Completeness Levels and Deterministic Contracts](/tt-a1i/archify/what-is-archify-architecture-delta-proof-system-and-completeness-levels)

Explore the Archify architecture delta proof system. Learn about its deterministic contracts, verifiable receipts, and two completeness levels for tracking JSON snapshot changes.

- Tags: deep-dive
- Published: 2026-08-03

### [How to Use the archify preview Command for Live Rendering During Authoring](/tt-a1i/archify/how-to-use-archify-preview-command-for-live-rendering-during-authoring)

Master the archify preview command for live rendering. Effortlessly update architecture diagrams as you author with automatic browser refreshes.

- Tags: how-to-guide
- Published: 2026-08-03

### [How to Configure Archify Quality Profiles: Standard vs Showcase](/tt-a1i/archify/how-to-configure-archify-quality-profiles)

Configure Archify quality profiles standard or showcase using the CLI flag or .architecture.json. Choose advisory or strict presentation-grade profiles for your code.

- Tags: how-to-guide
- Published: 2026-08-03

### [How Archify Trace Animation Works in Rendered Diagrams: A Technical Deep Dive](/tt-a1i/archify/how-does-archify-trace-animation-work-in-rendered-diagrams)

Discover how Archify trace animation visualizes data flow in rendered diagrams. Learn about data attributes and CSS keyframe animations with this technical deep dive into tt-a1i/archify.

- Tags: deep-dive
- Published: 2026-08-03

### [Archify JSON Schema Structure for Architecture Diagrams: Complete Reference](/tt-a1i/archify/what-is-archify-json-schema-structure-for-architecture-diagrams)

Explore the Archify JSON schema structure for architecture diagrams. Understand essential fields like schema_version, diagram_type, meta, and components for creating detailed visualizations.

- Tags: api-reference
- Published: 2026-08-03

### [How to Configure Archify Relationships with Route and Via Points for Orthogonal Arrows](/tt-a1i/archify/how-to-configure-archify-relationships-with-route-and-via-points-for-orthogonal-arrows)

Learn how to configure Archify relationships using route and via points to create orthogonal arrows with right-angled paths and custom waypoints. Enhance your diagrams with precise routing.

- Tags: how-to-guide
- Published: 2026-08-03

### [How to Configure Legends in Archify Architecture Diagrams: Complete Guide to meta.legend](/tt-a1i/archify/how-to-configure-legends-in-archify-architecture-diagrams)

Easily configure legends in Archify architecture diagrams using meta.legend. Control visibility and customize entries for clear visualization. Learn how now.

- Tags: how-to-guide
- Published: 2026-08-03

### [How to Use Archify Guided Views for Multi-View Architecture Navigation](/tt-a1i/archify/how-to-use-archify-guided-views-for-multi-view-architecture-navigation)

Master Archify guided views for seamless multi-view architecture navigation. Explore sub-graphs step-by-step with interactive chapters, view rail, and deep links from tt-a1i/archify.

- Tags: tutorial
- Published: 2026-08-03

### [What Are Archify Engineering Profiles and Deployment-Ownership? A Complete Guide](/tt-a1i/archify/what-are-archify-engineering-profiles-and-deployment-ownership)

Discover Archify engineering profiles and deployment-ownership to enforce architectural constraints. Learn how to document component owners, regional boundaries, and crossing mechanisms for production-ready diagrams.

- Tags: how-to-guide
- Published: 2026-08-03

### [How to Configure Boundaries for Grouping Components in Archify Diagrams](/tt-a1i/archify/how-to-configure-boundaries-for-grouping-components-in-archify-diagrams)

Learn to configure boundaries for grouping components in Archify diagrams. Visually organize your architecture by defining kinds, labels, and wrapping components with the boundaries array.

- Tags: how-to-guide
- Published: 2026-08-03

### [Archify Delivery Workflow with Receipts: A Complete Guide](/tt-a1i/archify/what-is-archify-delivery-workflow-with-receipts)

Explore the Archify delivery workflow, a four-stage pipeline generating machine-readable receipts for validated, reproducible HTML artifacts. Learn how Archify ensures artifact integrity.

- Tags: deep-dive
- Published: 2026-08-03

### [How to Use Archify Visual Presets: Classic, Signal-Flow, Blueprint, and Editorial](/tt-a1i/archify/how-to-use-archify-visual-presets)

Learn to use Archify visual presets like Classic, Signal-Flow, Blueprint, and Editorial to style diagrams with CSS variables. Easily activate presets via JSON, CLI, or keyboard shortcuts.

- Tags: how-to-guide
- Published: 2026-08-03

### [How to Use Repository Evidence to Link Diagrams to Git Commits in Archify](/tt-a1i/archify/how-to-use-repository-evidence-to-link-diagrams-to-git-commits)

Effortlessly link architecture diagrams to Git commits using repository evidence with Archify. Navigate directly from diagrams to source code with verified mappings.

- Tags: how-to-guide
- Published: 2026-08-03

### [How to Configure Grid Layout Mode in Architecture Diagrams with Archify](/tt-a1i/archify/how-to-configure-grid-layout-mode-in-architecture-diagrams)

Learn to configure grid layout mode in Archify architecture diagrams using CSS classes or JSON settings for responsive design. Easily organize your diagrams.

- Tags: how-to-guide
- Published: 2026-08-03

### [How Archify Compares Architecture Diagrams Between Base and Head Commits](/tt-a1i/archify/how-does-archify-compare-architecture-diagrams-between-base-and-head-commits)

Learn how Archify compares architecture diagrams between base and head commits. It generates an interactive HTML delta view highlighting architectural changes for your code.

- Tags: how-to-guide
- Published: 2026-08-03

### [Can Archify Diagrams Be Exported as WebM Animation? Technical Implementation Guide](/tt-a1i/archify/can-archify-diagrams-be-exported-as-webm-animation)

Learn if Archify diagrams export as WebM animations. Discover technical requirements like active trace-animation and browser support for MediaRecorder API.

- Tags: how-to-guide
- Published: 2026-07-21

### [How to Enable Trace Animation in Archify Diagrams](/tt-a1i/archify/how-to-enable-trace-animation-in-archify-diagrams)

Learn how to enable trace animation in Archify diagrams by setting meta animation trace in your diagram schema. Enhance your HTML renders with SVG trace animations. Get clear instructions now.

- Tags: how-to-guide
- Published: 2026-07-21

### [Archify Semantic Technology Labels: Supported Categories and Rendering Guide](/tt-a1i/archify/what-semantic-technology-labels-are-supported-by-archify)

Discover Archify's supported semantic technology labels like postgres, aws.lambda, and github-actions. Map tokens to styles and colors automatically without icon libraries.

- Tags: api-reference
- Published: 2026-07-20

### [Schema for Archify Architecture Diagrams: Structure, Validation, and Examples](/tt-a1i/archify/what-is-the-schema-for-archify-architecture-diagrams)

Explore the Archify architecture diagram schema defined in JSON Schema. Understand structure, validation rules, and find practical examples to guide your diagram creation.

- Tags: api-reference
- Published: 2026-07-20

### [Key Source Files for Archify: Complete Guide to the Diagram Rendering Engine](/tt-a1i/archify/what-are-the-key-source-files-for-archify)

Discover the key source files for Archify's diagram rendering engine. Explore the CLI entry point renderers shared utilities and schema definitions for efficient diagram generation.

- Tags: internals
- Published: 2026-07-20

### [What is the Archify Rendering Pipeline? A Deep Dive into the 8-Stage JSON-to-HTML Process](/tt-a1i/archify/what-is-the-archify-rendering-pipeline)

Explore the Archify rendering pipeline. Learn how this 8-stage process converts JSON IR to HTML diagrams, detailing CLI parsing, schema validation, and rendering techniques.

- Tags: deep-dive
- Published: 2026-07-20

### [How to Validate JSON Input for Archify Diagrams](/tt-a1i/archify/how-to-validate-json-input-for-archify-diagrams)

Learn to validate Archify diagram JSON inputs using the archify validate command. Get human-readable messages or JSON reports for CI.

- Tags: how-to-guide
- Published: 2026-07-20

### [How Archify Creates Sequence Diagrams for API Calls: A Complete Guide](/tt-a1i/archify/can-archify-create-sequence-diagrams-api-calls)

Learn how Archify generates sequence diagrams for API calls. This guide explains converting IR to HTML SVG visuals with dark/light themes and interactive exports.

- Tags: how-to-guide
- Published: 2026-07-15

### [How Archify Diagrams Represent CI/CD Pipelines: A Complete Technical Guide](/tt-a1i/archify/how-archify-diagrams-represent-ci-cd-pipelines)

Learn how Archify diagrams visually represent CI/CD pipelines. Explore JSON schema, lanes, nodes, and edges for dynamic workflow visualization direct from your code.

- Tags: how-to-guide
- Published: 2026-07-15

### [Key Files for Understanding Archify's CLI and Schemas](/tt-a1i/archify/key-files-for-understanding-archify-cli-schemas)

Understand Archify's CLI and schemas by exploring key files like cli.mjs, validator.mjs, generated-validators.mjs, and schema definitions. Navigate Archify's core logic.

- Tags: internals
- Published: 2026-07-15

### [How to Define Connections Between Components in Archify: A Complete JSON Schema Guide](/tt-a1i/archify/how-to-define-connections-between-components-archify)

Learn to define connections between components in Archify using its JSON schema. Map component IDs with from and to properties to visually represent relationships in your diagrams.

- Tags: how-to-guide
- Published: 2026-07-15

### [Schema Versions for Archify Diagrams: Understanding the Single Version System](/tt-a1i/archify/what-are-the-schema-versions-for-archify-diagrams)

Discover Archify diagram schema versions. Archify enforces a single schema version 1 for all diagram types using JSON Schema constants. Learn more about diagram versioning.

- Tags: internals
- Published: 2026-07-15

### [Archify Dark Mode and Theme Toggle: Complete Implementation Guide](/tt-a1i/archify/does-archify-support-dark-mode-theme-toggle)

Implement Archify dark mode and theme toggle easily. Learn how to integrate persistence, browser preferences, and URL parameter control in your project.

- Tags: how-to-guide
- Published: 2026-07-15

### [How to Export Archify Diagrams in High Resolution (PNG, JPEG, WebP, SVG)](/tt-a1i/archify/how-to-export-archify-diagrams-high-resolution)

Easily export crisp, high resolution Archify diagrams in PNG JPEG WebP or SVG formats. Learn how to get amazing graphical output without upscaling artifacts.

- Tags: how-to-guide
- Published: 2026-07-15

### [Archify Grid Layout Default Dimensions and Margins Explained](/tt-a1i/archify/what-are-default-dimensions-margins-archify-grid-layout)

Understand Archify grid layout defaults. Discover cell dimensions 130x64px, margins 30px horizontal and 40px vertical, and origin [40, 80] from the tt-a1i/archify repository.

- Tags: deep-dive
- Published: 2026-07-15

### [How to Specify Component Positions Using Row and Column in Archify](/tt-a1i/archify/how-to-specify-component-positions-row-column-archify)

Learn how to specify component positions in Archify using row and column properties in your JSON definitions. Master grid layouts starting at 0 0.

- Tags: how-to-guide
- Published: 2026-07-15

### [Grid Layout System for Archify Architecture Diagrams: JSON Configuration and Position Resolution](/tt-a1i/archify/what-is-grid-layout-system-archify-architecture-diagrams)

Explore Archify's grid layout system for architecture diagrams. Learn how it maps components to fixed cells using row/column indices and calculates pixel coordinates via deterministic arithmetic.

- Tags: internals
- Published: 2026-07-15

### [Where to Find Component Type Definitions in Archify Schemas](/tt-a1i/archify/where-to-find-component-type-definitions-archify-schemas)

Locate component type definitions in Archify schemas within the common schema file under $defs. Discover how these definitions are referenced across your project for efficient management.

- Tags: api-reference
- Published: 2026-07-15

### [Visual Treatments for Different Component Types in Archify](/tt-a1i/archify/what-are-visual-treatments-for-component-types-archify)

Discover how Archify uses visual treatments for component types with fill and text classes. Ensure consistent semantics across all diagram renderers.

- Tags: architecture
- Published: 2026-07-15

### [How to Define States and Transitions in Archify Lifecycle Diagrams](/tt-a1i/archify/how-to-define-states-transitions-archify-lifecycle-diagrams)

Learn how to define states and transitions in Archify lifecycle diagrams. Create a JSON file using the lifecycle schema to define typed states and directed transitions with unique IDs.

- Tags: how-to-guide
- Published: 2026-07-15

### [What JSON Structure Is Used for Archify Architecture Diagrams?](/tt-a1i/archify/what-json-structure-for-archify-architecture-diagrams)

Explore the specific JSON structure required for Archify architecture diagrams. Learn about the essential schema_version, diagram_type, meta, and components fields.

- Tags: api-reference
- Published: 2026-07-15

### [The Five Diagram Types Supported by Archify: A Complete Technical Guide](/tt-a1i/archify/what-are-the-five-diagram-types-supported-by-archify)

Learn the five diagram types Archify supports: Architecture, Workflow, Sequence, Data Flow, and Lifecycle. Explore dedicated JSON schemas for structured diagram creation.

- Tags: how-to-guide
- Published: 2026-07-15

### [How to Validate a Workflow Diagram with the Archify CLI: A Complete Guide](/tt-a1i/archify/how-to-use-archify-cli-validate-workflow-diagram)

Validate workflow diagrams with the Archify CLI. Ensure your workflow JSON is valid against the schema and renderer specifications. Learn how to use the Archify CLI validate command now.

- Tags: how-to-guide
- Published: 2026-07-15

### [The Five Stages of the Archify Rendering Pipeline Explained](/tt-a1i/archify/what-are-the-five-stages-of-archify-rendering-pipeline)

Understand the Archify rendering pipeline's five stages: Generate JSON IR, Validate, Render, Check, and Iterate. Transform plain English into production-ready diagrams with Archify.

- Tags: internals
- Published: 2026-07-15

### [Archify JSON Intermediate Representation (IR): Schema-Validated Diagram Rendering](/tt-a1i/archify/what-is-archify-json-intermediate-representation)

Discover the Archify JSON Intermediate Representation IR a versioned schema validated data structure enabling deterministic SVG generation through strict validation before layout calculations.

- Tags: api-reference
- Published: 2026-07-15

### [How Archify Generates Diagrams from Plain English: A Technical Deep Dive](/tt-a1i/archify/how-archify-generates-diagrams-from-plain-english)

Discover how Archify transforms plain English into diagrams. Learn about the Claude AI, JSON generation, validation, and SVG rendering process in this technical deep dive.

- Tags: deep-dive
- Published: 2026-07-15

### [How the Schema Validation Loop Integrates with the Renderer in Archify](/tt-a1i/archify/archify-schema-validation-renderer-integration-artifact-checking)

Learn how Archify's schema validation loop integrates with the renderer. Ensure schema-compliant inputs reach SVG generation for error-free artifact checking.

- Tags: internals
- Published: 2026-07-14

### [Archify Keyboard Navigation: How to Use T for Theme, E for Export, and Arrow Keys](/tt-a1i/archify/archify-keyboard-navigation-theme-export-arrows)

Master Archify keyboard navigation! Use T for theme, E for export, and arrow keys for seamless control in the tt-a1i/archify CLI generated HTML. Enhance your workflow today.

- Tags: how-to-guide
- Published: 2026-07-14

### [How the Print Stylesheet in Archify Supports Landscape and Two-Column Layouts](/tt-a1i/archify/archify-print-stylesheet-landscape-two-column-layouts)

Learn how Archify's print stylesheet enables landscape and two-column layouts for your archify output, preventing page breaks for clean, organized prints.

- Tags: how-to-guide
- Published: 2026-07-14

### [How to Customize the Color Palette for Different Component Types in Archify](/tt-a1i/archify/archify-customize-color-palette-component-types)

Customize Archify's color palette for component types by editing CSS variables or providing a custom theme JSON. Tailor your project's visual appearance effortlessly.

- Tags: how-to-guide
- Published: 2026-07-14

### [How Archify's Renderer Handles CJK-Aware Text Measurement](/tt-a1i/archify/archify-renderer-cjk-aware-text-measurement)

Learn how Archify's renderer efficiently handles CJK-aware text measurement by detecting full-width characters and emoji with Unicode-aware regex for accurate layout dimensions.

- Tags: internals
- Published: 2026-07-14

### [How the archify inspect Command Outputs Computed Layout JSON](/tt-a1i/archify/archify-inspect-command-computed-layout-json)

Learn how the archify inspect command outputs computed layout JSON. Discover how it generates a compact JSON document detailing component boxes, boundaries, and connection paths directly to STDOUT.

- Tags: internals
- Published: 2026-07-14

### [How Archify's Validator Provides Actionable Hints with ID/Label Context](/tt-a1i/archify/archify-validator-actionable-hints-id-label-context)

Archify's validator transforms cryptic JSON pointers into actionable hints by adding ID or label context. Understand validation errors faster and improve your data quality.

- Tags: how-to-guide
- Published: 2026-07-14

### [How to Use URL Parameters for Deterministic Screenshots in Archify](/tt-a1i/archify/archify-url-parameters-deterministic-screenshots)

Learn to use URL parameters like theme=dark and openExport=1 in Archify for deterministic, pixel-perfect screenshots. Ensure reproducible visuals for any Archify diagram.

- Tags: how-to-guide
- Published: 2026-07-14

### [How Archify's Data Flow Diagram Handles PII Boundaries and Sensitivity Zones](/tt-a1i/archify/archify-data-flow-diagram-pii-boundaries-sensitivity-zones)

Learn how Archify visualizes PII boundaries and sensitivity zones in data flow diagrams using declarative labels and security flags for governed data hand-offs. Explore secure data management.

- Tags: deep-dive
- Published: 2026-07-14

### [How Archify Lifecycle Diagrams Represent State Machines with Wait States, Retries, and Terminal States](/tt-a1i/archify/archify-lifecycle-diagrams-state-machines-wait-retry-terminal)

Learn how Archify lifecycle diagrams visualize state machines using semantic lanes and strict state types for pauses retries and terminal exits Get a clear view of execution flows.

- Tags: internals
- Published: 2026-07-14

### [How the Archify Sequence Diagram Renderer Handles Cache-Miss Fallbacks and Async Traces](/tt-a1i/archify/archify-sequence-diagram-renderer-cache-miss-async-traces)

Learn how Archify's sequence diagram renderer manages cache-miss fallbacks and async traces. Discover it uses message grouping, dashed line variants, and input validation for dynamic SVG generation.

- Tags: internals
- Published: 2026-07-14

### [How to Iterate on Diagrams via Chat with Targeted JSON IR Edits in Archify](/tt-a1i/archify/archify-iterate-diagrams-chat-json-ir-edits)

Iterate on diagrams using chat with Archify. Make targeted JSON IR edits for instant visual feedback and streamlined diagram updates.

- Tags: how-to-guide
- Published: 2026-07-14

### [How Archify's Self-Contained HTML Output Achieves Zero Runtime Dependencies](/tt-a1i/archify/archify-self-contained-html-output-zero-runtime-dependencies)

Discover how Archify's self-contained HTML output achieves zero runtime dependencies by embedding all assets directly into a single file for offline rendering.

- Tags: internals
- Published: 2026-07-14

### [How Archify Trace Animation Supports prefers-reduced-motion: CSS Implementation Guide](/tt-a1i/archify/archify-trace-animation-prefers-reduced-motion-support)

Discover how Archify trace animation supports prefers reduced motion with a simple CSS media query. Learn how to disable animations effortlessly without JavaScript.

- Tags: implementation-guide
- Published: 2026-07-14

### [How the Post-Render Artifact Checker Detects Diagonal Arrows and Legend-Crossing Routes](/tt-a1i/archify/archify-post-render-artifact-checker-diagonal-arrows-legend-routes)

Learn how the post render artifact checker detects diagonal arrows and legend crossing routes by analyzing SVG path geometries. Ensure accurate diagrams with Archify.

- Tags: internals
- Published: 2026-07-14

### [How the Archify Workflow Renderer Manages Lanes, Phases, Groups, and Exception Paths](/tt-a1i/archify/archify-workflow-renderer-lanes-phases-groups-exceptions)

Discover how the Archify workflow renderer maps lanes, renders phases, groups nodes, and styles exception paths for clear SVG diagram generation. Learn about its efficient process.

- Tags: internals
- Published: 2026-07-14

### [Archify Grid Placement: How the Architecture Renderer Positions Components Using Row/Col Mode](/tt-a1i/archify/archify-architecture-renderer-grid-placement-row-col)

Discover how Archify's architecture renderer places components using row/col mode. Learn about deterministic math, explicit positioning, and overlap prevention in grid.mjs.

- Tags: internals
- Published: 2026-07-14

### [How to Create Custom Semantic Tech Labels and Map Them to Visual Categories in Archify](/tt-a1i/archify/archify-custom-semantic-tech-labels-mapping)

Learn to create custom semantic tech labels and map them to visual categories in Archify. Convert technology names into visual categories with CSS custom properties and HTML templates.

- Tags: how-to-guide
- Published: 2026-07-14

### [How Archify's Theme Toggle System Works with CSS Custom Properties and the data-theme Attribute](/tt-a1i/archify/archify-theme-toggle-css-custom-properties-data-theme)

Discover how Archify's theme toggle system instantly switches between dark and light modes using CSS custom properties and the data-theme attribute, no page reloads needed.

- Tags: internals
- Published: 2026-07-14

### [How to Use Archify CLI Commands: render, validate, inspect, check, and doctor](/tt-a1i/archify/archify-cli-commands-usage)

Master Archify CLI commands render validate inspect check and doctor to generate HTML diagrams validate SVG output and audit your Node.js environment with ease.

- Tags: how-to-guide
- Published: 2026-07-14

### [How Dual-Theme SVG Export Works with `@media prefers-color-scheme` in Archify](/tt-a1i/archify/archify-dual-theme-svg-export-prefers-color-scheme)

Learn how Archify's SVG exporter uses @media prefers-color-scheme to embed both dark and light themes in one file, automatically matching user preferences.

- Tags: deep-dive
- Published: 2026-07-14

### [How Archify's 4× Native Rasterization Export Pipeline Eliminates Upsampling Blur](/tt-a1i/archify/archify-4x-native-rasterization-export-crisp-images)

Archify's 4x native rasterization pipeline exports crisp images avoiding upsampling blur by pre-scaling SVG data before browser rendering. Get sharper visuals effortlessly.

- Tags: performance
- Published: 2026-07-14

### [How Archify's JSON IR Validation Pipeline Works and How to Debug Schema Errors](/tt-a1i/archify/archify-json-ir-validation-pipeline-debug-schema-errors)

Learn how Archify validates JSON IR with Ajv and JSON-Schemas. Debug schema errors efficiently with annotated error messages pinpointing exact element IDs.

- Tags: internals
- Published: 2026-07-14

### [What Does the `archify demo` Command Do? A Complete Guide](/tt-a1i/archify/what-does-the-demo-command-in-archify-cli-do)

Discover what the archify demo command does. Generate an HTML architecture diagram from a bundled example without your own input files for easy visualization.

- Tags: tutorial
- Published: 2026-07-13

### [How State Transitions Are Rendered in Archify Lifecycle Diagrams](/tt-a1i/archify/how-are-state-transitions-shown-in-archify-lifecycle-diagrams)

Discover how Archify renders state transitions in lifecycle diagrams using directed edges and `transitions` array. Learn to define `from`, `to`, and routing controls for exact visual layout.

- Tags: internals
- Published: 2026-07-13

### [What Data Can Be Represented in Archify Data Flow Diagrams](/tt-a1i/archify/what-kind-of-data-can-be-represented-in-archify-data-flow-diagrams)

Explore how Archify data flow diagrams represent data assets, transformations, and metadata using a strict JSON-IR schema for clear end-to-end data movement visualization and analysis.

- Tags: deep-dive
- Published: 2026-07-13

### [How to Validate a Diagram JSON File Using the Archify CLI](/tt-a1i/archify/how-to-validate-a-diagram-json-file-using-archify-cli)

Easily validate Archify diagram JSON files with the CLI. Learn the simple command to check your files against the AJV schema and get structured error reports.

- Tags: how-to-guide
- Published: 2026-07-13

### [Archify Diagram Types: 5 Technical Diagrams Supported by the AI Generator](/tt-a1i/archify/what-are-the-different-diagram-types-supported-by-archify)

Discover Archify's 5 AI-generated diagram types: Architecture, Workflow, Sequence, Data Flow, and Lifecycle. Ensure accuracy with type-safe JSON schemas for superior technical documentation.

- Tags: getting-started
- Published: 2026-07-13

### [How to Create Exception Lanes in Archify Workflow Diagrams](/tt-a1i/archify/how-to-create-exception-error-lanes-in-archify-workflow-diagrams)

Learn how to create exception lanes in Archify workflow diagrams by defining lanes with a variant exception and connecting error-handling nodes with error roles. Simplify your workflow visualization.

- Tags: how-to-guide
- Published: 2026-07-12

### [Archify Validator: Preventing Arrows Crossing the Legend](/tt-a1i/archify/archify-validator-preventing-arrows-crossing-the-legend)

Learn how the Archify validator prevents arrows crossing the legend in rendered diagrams. It stops renders with collisions, ensuring visual clarity.

- Tags: internals
- Published: 2026-07-12

### [Integrating Archify with Claude Code, Codex CLI, and opencode: Complete Setup Guide](/tt-a1i/archify/integrating-archify-with-claude-code-codex-cli-and-opencode)

Seamlessly integrate Archify with Claude Code, Codex CLI, and opencode. Discover how to automatically generate diagrams using the unified archify zip skill bundle and our CLI.

- Tags: how-to-guide
- Published: 2026-07-12

### [How to Customize the Color Palette for Archify Component Types](/tt-a1i/archify/how-to-customize-the-color-palette-for-archify-component-types)

Learn to customize Archify component colors by editing CSS variables or providing a custom JSON theme file. Effortlessly personalize your interface.

- Tags: how-to-guide
- Published: 2026-07-12

### [What Is the Archify JSON IR Intermediate Format?](/tt-a1i/archify/what-is-the-archify-json-ir-intermediate-format)

Understand the Archify JSON IR intermediate format a typed representation that captures diagram semantics in validated JSON before SVG or HTML generation. Learn more from the tt-a1i Archify repository.

- Tags: internals
- Published: 2026-07-12

### [Archify CLI Commands: Complete Guide to render, validate, check, and inspect](/tt-a1i/archify/archify-cli-commands-render-validate-check-inspect)

Master Archify CLI commands like render, validate, check, and inspect. Generate HTML diagrams from JSON, validate integrity, and audit artifacts for quality assurance. Learn more now.

- Tags: how-to-guide
- Published: 2026-07-12

### [Archify CJK Text Measurement and Double-Width Handling: A Unit-Based Layout Approach](/tt-a1i/archify/archify-cjk-text-measurement-and-double-width-handling)

Archify's unit-based system precisely measures CJK text and handles double-width characters. Discover the `textUnits()` function for accurate layout in tt-a1i/archify.

- Tags: deep-dive
- Published: 2026-07-12

### [How to Create Security and Region Boundaries in Archify Diagrams](/tt-a1i/archify/how-to-create-security-and-region-boundaries-in-archify-diagrams)

Learn to create security and region boundaries in Archify diagrams. Automatically wrap components with dashed boxes using the boundaries array and CSS classes to visualize your architecture.

- Tags: how-to-guide
- Published: 2026-07-12

### [How to Enable Trace Animation in Archify for Presentations](/tt-a1i/archify/how-to-enable-trace-animation-in-archify-for-presentations)

Learn to enable trace animation in Archify for presentations by setting meta animation to trace in your diagram schema. Visualize data flow dynamically.

- Tags: how-to-guide
- Published: 2026-07-12

### [Archify mainPath Validation for Workflows: Rules and Implementation](/tt-a1i/archify/how-does-archifys-mainpath-validation-work-for-workflows)

Learn how Archify validates workflow mainPath ensuring connected node IDs form valid paths without decreasing column order. Discover the rules and implementation details.

- Tags: how-to-guide
- Published: 2026-07-12

### [Archify Edge Routing Options: Straight, Drop, and Orthogonal Via Points Explained](/tt-a1i/archify/archify-edge-routing-options-straight-drop-orthogonal-via-points)

Explore Archify edge routing options: straight, drop, and orthogonal via points. Learn how these strategies control connector rendering in diagrams.

- Tags: deep-dive
- Published: 2026-07-12

### [Archify Artifact Checker: Detecting Malformed SVG and Arrow Rendering Errors](/tt-a1i/archify/archify-artifact-checker-detecting-malformed-svg-and-arrows)

Detect malformed SVG and arrow rendering errors with the Archify artifact checker. Validate HTML diagrams and enforce orthogonal arrow constraints for robust visualizations. Learn more.

- Tags: how-to-guide
- Published: 2026-07-12

### [How to Create Data Flow Diagrams with Stages and PII Classification Using Archify](/tt-a1i/archify/how-to-create-data-flow-diagrams-with-stages-and-pii-classification)

Learn to create data flow diagrams with stages and PII classification using Archify. Visualize your data flows with SVG-based HTML visualizations from a JSON-IR schema.

- Tags: how-to-guide
- Published: 2026-07-12

### [What Semantic Tech Labels Does Archify Support? Complete Guide to Automatic Component Styling](/tt-a1i/archify/what-semantic-tech-labels-does-archify-support)

Discover the semantic tech labels Archify supports for automatic CSS class mapping. Style cloud, database, CI/CD, and AI services visually without icon libraries.

- Tags: complete-guide
- Published: 2026-07-12

### [How to Configure Sequence Diagram Participants and Activations in Archify](/tt-a1i/archify/how-to-configure-sequence-diagram-participants-and-activations)

Learn to configure sequence diagram participants and activations in Archify. Define participants and activations in your JSON file for clear visual representations. Get started now.

- Tags: how-to-guide
- Published: 2026-07-12

### [Archify PNG Export: How Native 4× Rasterization Guarantees Sharp Images](/tt-a1i/archify/archify-png-export-native-4x-rasterization-explained)

Archify PNG export ensures sharp images with native 4x rasterization. Discover how this process prevents blur for crisper diagrams.

- Tags: how-to-guide
- Published: 2026-07-12

### [How to Model State Machines Using Lifecycle Diagrams in Archify](/tt-a1i/archify/how-to-model-state-machines-using-lifecycle-diagrams-in-archify)

Learn how to model state machines using lifecycle diagrams with Archify. This guide explains JSON-IR validation and SVG rendering for interactive visualizations.

- Tags: how-to-guide
- Published: 2026-07-12

### [How to Create Workflow Diagrams with Phases and Groups in Archify](/tt-a1i/archify/how-to-create-workflow-diagrams-with-phases-and-groups-in-archify)

Learn to create workflow diagrams with phases and groups in Archify by defining a JSON-IR file. Render your diagrams using the CLI or API for clear process visualization.

- Tags: how-to-guide
- Published: 2026-07-12

### [How Archify's Dual‑Theme SVG Export Handles `prefers‑color‑scheme`: A Technical Deep Dive](/tt-a1i/archify/how-does-archifys-dual-theme-svg-export-handle-prefers-color-scheme)

Learn how Archify's dual-theme SVG export uses embedded CSS and @media queries to automatically adapt to prefers-color-scheme, no JavaScript needed.

- Tags: deep-dive
- Published: 2026-07-12

### [How to Add Custom Semantic Component Types in Archify](/tt-a1i/archify/how-to-add-custom-semantic-component-types-in-archify)

Learn how to add custom semantic component types in Archify by extending the componentType enum. Enhance your architectural diagrams with personalized visual styles.

- Tags: how-to-guide
- Published: 2026-07-12

### [How Archify’s CSS-Variable Theme-Toggle System Works](/tt-a1i/archify/how-does-archifys-css-variable-theme-toggle-system-function)

Discover how Archify's CSS-variable theme toggle system works. Implement dark/light themes, persist settings with localStorage, and detect OS preferences for a seamless user experience.

- Tags: internals
- Published: 2026-07-12

### [How to Debug Layout Issues with `archify inspect`: A Complete Guide](/tt-a1i/archify/how-to-debug-layout-issues-with-archify-inspect)

Easily debug layout issues with archify inspect. This guide reveals computed layout JSON, node coordinates, and validation errors to fix misplaced or overlapping elements in your diagrams.

- Tags: how-to-guide
- Published: 2026-07-12

### [How to Use Grid Placement for Architecture Diagrams in Archify](/tt-a1i/archify/how-to-use-grid-placement-for-architecture-diagrams-in-archify)

Learn to use grid placement in Archify for automatic architecture diagram component positioning. Convert row/column coordinates to pixel positions with configurable settings.

- Tags: how-to-guide
- Published: 2026-07-12

### [How Archify Ensures Consistent Theming Across All Diagram Elements](/tt-a1i/archify/how-does-archify-ensure-consistent-theming-across-all-diagram-elements)

Archify guarantees consistent diagram theming by centralizing styling in a single JSON config. Ensure uniform color palettes, fonts, and CSS across all elements.

- Tags: internals
- Published: 2026-07-11

### [How to Use Archify as an Agent Skill: A Developer's Guide to Automated Diagram Generation](/tt-a1i/archify/what-guidance-is-provided-for-developers-using-archify-as-an-agent-skill)

Learn to use Archify as an agent skill. This guide shows developers how to convert plain-English system descriptions into styled HTML diagrams with bundled validators and themeable renderers.

- Tags: how-to-guide
- Published: 2026-07-11

### [What Is the Base HTML Template Used by Archify for Diagrams?](/tt-a1i/archify/what-is-the-base-html-template-used-by-archify-for-diagrams)

Discover the base HTML template Archify uses for diagrams at archify/assets/template.html. Learn how it handles responsive layout, theming, and SVG injection for your site.

- Tags: internals
- Published: 2026-07-11

### [Where Is the Schema Definition for Archify Architecture Diagrams Located?](/tt-a1i/archify/where-is-the-schema-definition-for-archify-architecture-diagrams-located)

Find the Archify architecture diagram schema definition at archify/schemas/architecture.schema.json in the tt-a1i/archify repository. Access the exact file location easily.

- Tags: api-reference
- Published: 2026-07-11

### [What Is the Unified CLI Entry Point for Archify Commands?](/tt-a1i/archify/what-is-the-unified-cli-entry-point-for-archify-commands)

Discover the unified CLI entry point for Archify commands. Learn how the archify command streamlines your workflow and exposes all sub-commands through a single interface for efficient management of your Archify projects.

- Tags: api-reference
- Published: 2026-07-11

### [Where to Find Example JSON for Different Archify Diagram Types](/tt-a1i/archify/where-can-i-find-example-json-for-different-archify-diagram-types)

Find example JSON for Archify diagram types in the tt-a1i/archify repository. Explore ready-to-use files demonstrating architecture, dataflow, sequence, workflow, and lifecycle schemas.

- Tags: getting-started
- Published: 2026-07-11

### [How to Define States and Transitions in Archify Lifecycle Diagrams](/tt-a1i/archify/how-are-states-and-transitions-defined-in-archify-lifecycle-diagrams)

Learn how to define states and transitions in Archify Lifecycle diagrams using a strict JSON schema with lanes, states, and transitions arrays for clear visualization and control.

- Tags: how-to-guide
- Published: 2026-07-11

### [How Archify Represents Time and Service Interaction in Sequence Diagrams](/tt-a1i/archify/how-does-archify-represent-time-and-service-interaction-in-sequence-diagrams)

Archify visualizes time and service interaction in sequence diagrams. Discover how it uses a vertical time axis and horizontal service lanes to map message order and participant lifelines.

- Tags: internals
- Published: 2026-07-11

### [Understanding Lanes, Phases, and Main Path in Archify Workflow Diagrams](/tt-a1i/archify/what-is-the-purpose-of-lanes-phases-and-mainpath-in-archify-workflow-diagrams)

Learn how Archify Workflow diagrams use lanes, phases, and mainPath to organize nodes, group stories, and define happy paths for clear process visualization and validation.

- Tags: deep-dive
- Published: 2026-07-11

### [How Components Are Positioned and Categorized in Archify Architecture Diagrams](/tt-a1i/archify/how-are-components-positioned-and-categorized-in-archify-architecture-diagrams)

Learn how Archify architecture diagrams position components using grid or absolute coordinates and categorize them with a mandatory type field. Explore the JSON schema for detailed insights.

- Tags: internals
- Published: 2026-07-11

### [Architecture Diagrams Use Cases in Archify: 7 Practical Scenarios for System Design](/tt-a1i/archify/what-are-the-use-cases-for-architecture-diagrams-in-archify)

Explore 7 practical use cases for architecture diagrams in Archify. Document, secure, and report on your systems effectively with free-coordinate graphs. Learn more!

- Tags: use-cases
- Published: 2026-07-11

### [How to Validate Diagram JSON Using the Archify CLI: A Complete Guide](/tt-a1i/archify/how-can-i-validate-diagram-json-using-the-archify-cli)

Easily validate diagram JSON with the Archify CLI. Learn to check JSON files against schemas using the validate command for detailed reports and error paths.

- Tags: how-to-guide
- Published: 2026-07-11

### [How to Render a Diagram Using the Archify CLI: Command Syntax and Examples](/tt-a1i/archify/what-is-the-cli-command-to-render-a-diagram-using-archify)

Render diagrams with the Archify CLI. Learn command syntax and examples to visualize architecture, workflows, and more. Click to see how.

- Tags: how-to-guide
- Published: 2026-07-11

### [How Archify Exports Diagrams to High-Resolution Raster Formats](/tt-a1i/archify/how-does-archify-handle-exporting-diagrams-to-raster-formats-with-high-resolution)

Archify exports diagrams to high-resolution raster formats like PNG, JPEG, and WebP by rendering SVGs to an off-screen canvas at 4x scale for print quality.

- Tags: how-to-guide
- Published: 2026-07-11

### [How to Toggle the Theme of an Archify Diagram: 3 Methods Explained](/tt-a1i/archify/how-can-the-theme-of-an-archify-diagram-be-toggled)

Quickly toggle Archify diagram themes between light and dark modes using keyboard shortcuts, toolbar buttons, or URL parameters. Explore 3 simple methods to customize your view.

- Tags: how-to-guide
- Published: 2026-07-11

### [How Archify's Theming System Works with CSS Custom Properties](/tt-a1i/archify/how-does-archify-theming-system-work-using-css-custom-properties)

Discover how Archify uses CSS custom properties and data theme attributes on the html element for instant light and dark mode theme changes without altering SVG markup.

- Tags: internals
- Published: 2026-07-11

### [What Checks Does Archify’s Post‑Render Artifact Checker Perform?](/tt-a1i/archify/what-checks-are-performed-by-the-post-render-artifact-checker-in-archify)

Discover Archify's post-render artifact checker validations for HTML/SVG diagrams. Five tests ensure file readability, SVG containment, numeric literals, arrow geometry, and legend clearance for reliable output.

- Tags: how-to-guide
- Published: 2026-07-11

### [Where Are the Renderers for Different Diagram Types Located in Archify?](/tt-a1i/archify/where-are-the-renderers-for-different-diagram-types-located-in-the-archify-project)

Discover where Archify's diagram type renderers are stored. Find each render-<type>.mjs file within dedicated subdirectories under archify/renderers/ for the complete rendering pipeline.

- Tags: internals
- Published: 2026-07-11

### [How Archify Validates Its JSON Intermediate Representation: A Deep Dive into Schema-Driven Validation](/tt-a1i/archify/how-does-archify-validate-its-json-intermediate-representation)

Discover how Archify validates its JSON Intermediate Representation with AJV-compiled validators and JSON Schema. Ensures reliable diagram data for rendering. Learn more.

- Tags: deep-dive
- Published: 2026-07-11

### [The Role of the JSON Intermediate Representation (IR) in Archify: A Complete Technical Guide](/tt-a1i/archify/what-is-the-role-of-the-json-intermediate-representation-ir-in-archify)

Discover how Archify uses a versioned JSON Intermediate Representation (IR) for deterministic output, upfront validation, and streamlined editing by humans and LLMs. Learn more now.

- Tags: deep-dive
- Published: 2026-07-11

### [How Archify Generates Standalone HTML Diagrams with Embedded SVG](/tt-a1i/archify/how-are-archify-diagrams-generated-as-standalone-html-files-with-embedded-svg)

Discover how Archify generates standalone HTML diagrams. It embeds SVG markup directly into a minimal template for dependency-free diagrams. Learn more.

- Tags: internals
- Published: 2026-07-11

### [Archify Diagram Types: The 5 Technical Diagrams Explained](/tt-a1i/archify/what-are-the-five-types-of-diagrams-supported-by-archify)

Discover the 5 Archify diagram types: Architecture, Workflow, Sequence, Data Flow, and Lifecycle. Explore dedicated JSON schemas for validation and rendering.

- Tags: deep-dive
- Published: 2026-07-11

### [How Archify Transforms Plain English Descriptions into Technical Diagrams: A Complete Code Deep Dive](/tt-a1i/archify/how-does-archify-transform-plain-english-descriptions-into-technical-diagrams)

Explore Archify's four stage pipeline that converts plain English into technical diagrams. Understand intent detection, JSON extraction, schema validation, and HTML rendering in this code deep dive.

- Tags: deep-dive
- Published: 2026-07-11