Summary

Archify generates professional architecture diagrams from natural language prompts via Claude AI. It targets engineers needing to visualize systems, offering a fast, AI-driven method for creating high-quality, interactive, and exportable diagrams without manual drawing.

How It Works

This project integrates with Claude AI as a "Skill," translating user descriptions into single-file HTML diagrams. It employs CSS variables for dynamic dark/light theming and semantic classes for diagram elements. The approach prioritizes zero-dependency, interactive visualization, with novel features like dual-theme SVG export and 4x native raster rendering.

Quick Start & Requirements

• Installation: Requires Claude Pro/Max/Team/Enterprise or Claude Code. Install the skill by unzipping archify.zip to Claude's skills directory or uploading to Claude.ai Projects Knowledge.
• Prerequisites: Compatible Claude account. Output requires only a modern web browser.
• Usage: Prompt Claude: "Use the archify skill to generate a diagram:" followed by your system description. Open the generated HTML file for interaction and export.
• Links: Examples: examples/web-app.html. Roadmap: ROADMAP.md.

Highlighted Details

• Supports five diagram types: Architecture, Workflow, Sequence, Data Flow, Lifecycle.
• Features one-click dark/light theme toggle with persistent browser preference.
• Offers direct PNG copy-to-clipboard and high-resolution (4x native rendering) export for PNG, JPEG, WebP, and SVG.
• Dual-theme SVG embeds CSS variables for automatic switching in platforms like GitHub READMEs.
• Zero-dependency, single-file HTML output for easy sharing.
• Enables iterative diagram refinement via chat with Claude.

Maintenance & Community

A fork of Cocoon-AI/architecture-diagram-generator (MIT licensed), Archify is under active development with a roadmap in ROADMAP.md. Contributions via issues and PRs are welcomed.

Licensing & Compatibility

Released under the permissive MIT License, allowing free use, modification, and redistribution, including commercially. The HTML output is compatible with all modern web browsers.

Limitations & Caveats

WebP export and clipboard image copy depend on browser support. Raster exports use system font fallbacks. Export resolution may be capped by browser canvas limits. Direct Mermaid parsing is removed; users must prompt Claude for Archify-style diagrams.