architecture diagram generation for AI coding agents
Archify is an agent skill that turns codebases or system descriptions into interactive architecture/sequence/data-flow/lifecycle diagrams as self-contained HTML with verifiable facts and export options.
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
choose when you need lightweight SVG/PNG assets rather than interactive HTML agent skill.
Generate production-quality SVG+PNG technical diagrams from natural language. 7 styles, UML support, and AI/Agent workflow patterns.
choose when you also need slide decks and broader HTML artifacts beyond diagrams.
Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps
choose when you need editable draw.io files for further manual editing or Atlassian integration.
Generate draw.io diagrams from natural language — 11 presets (UML, SysML/MBSE, BPMN, network, C4…), 36 tools: codebase/CI/infra-to-diagram, image→editable diagram, mind maps, build-up animation, exec-view compression, click-through runbooks, PR diff bot. Vision self-check, 10,000+ shapes. Exports PNG/SVG/PDF/JPG.
choose when you need a multi-purpose HTML artifact skill that includes diagrams.
Agent skills for useful HTML artifacts, wireframes, interactive prototypes, plans, and diagrams.
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
choose when your diagrams come solely from Terraform cloud infrastructure.
Terravision creates Professional Cloud Architecture Diagrams from your Terraform code automatically. Supports AWS, Google and Azure.
Does the same job, but ships as an app. Useful to a person, not swappable into a codebase.
choose when you want a ready-to-use app rather than an agent workflow.
Interactive architecture diagrams for codebases
choose when you want a quick online diagram of a GitHub repo without running an agent.
Free, simple, fast interactive diagrams for any GitHub repository
choose when you want in-IDE flowcharts and dependency graphs in VS Code.
CodeVisualizer is a powerful VS Code extension that provides two main visualization capabilities: function-level flowcharts for understanding code control flow, and codebase-level dependency graphs for analyzing project structure and module relationships.
These projects were analysed and named archify among their alternatives. The relationship is not symmetric — how archify rates them is a separate judgement, made when archify is analysed in its own right.
calls archify “choose when you need a focused diagram skill with motion and crisp export rather than the seed's 38 editorial types.”
38 editorial diagram types for Claude Code, Codex, and Pi. Self-contained HTML + SVG. No shadows. No Mermaid slop.
calls archify “Choose it when you want self-contained HTML diagrams with motion and built-in export instead of separate SVG/PNG assets.”
Generate production-quality SVG+PNG technical diagrams from natural language. 7 styles, UML support, and AI/Agent workflow patterns.
calls archify “Same skill-style standalone HTML generation; choose it when you also need workflow/sequence/lifecycle diagrams with motion.”
Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files. Works as a Claude AI skill.
calls archify “Use as a Claude/agent skill when you want verifiable architecture diagrams directly in your coding workflow rather than a web service.”
Free, simple, fast interactive diagrams for any GitHub repository
calls archify “when you want self-contained HTML diagrams with motion and don't need .drawio model sync”
Generate draw.io diagrams from natural language — 11 presets (UML, SysML/MBSE, BPMN, network, C4…), 36 tools: codebase/CI/infra-to-diagram, image→editable diagram, mind maps, build-up animation, exec-view compression, click-through runbooks, PR diff bot. Vision self-check, 10,000+ shapes. Exports PNG/SVG/PDF/JPG.
calls archify “Narrower HTML diagram-focused skill; choose when you need polished self-contained architecture diagrams without slide/table extras.”
Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps
calls archify “Agent skill that produces self-contained HTML diagrams; not a reusable library.”
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
calls archify “AI agent skill that creates self-contained HTML diagrams via LLM, an app-style skill not a code library.”
:art: Diagram as Code for prototyping cloud system architectures