Architecture Diagram AI Tools

Discover AI tools tagged with "architecture-diagram".

11 tools· 11 free
Dashmotion
DashmotionOpen Source

Animated technical diagrams from plain English or Mermaid — a Claude skill, self-contained HTML/SVG.

agent-skillsanimated-svganthropicarchitecture-diagram+4
Next Ai Draw Io
Next Ai Draw IoOpen Source

Draw and edit draw.io diagrams by chatting with an AI. Web app, desktop app, and an MCP server for Claude Code, Cursor, Codex and VS Code.

aiarchitecture-diagramclaude-codedeepseek-harness+4
Live Panel Skill
Live Panel SkillOpen Source

Agent skill + renderer: turn one JSON config (or an Excalidraw file) into an animated architecture diagram — terminal-style live panel or pastel infographic — as mp4 or a looping web page. 动态架构图 / agent 架构动图,适配 X 与小红书。

agent-skillai-agentsanimated-diagramarchitecture-diagram+4
Drawio Skill
Drawio SkillOpen Source

Agent skill that turns natural language, code, Terraform/K8s, SQL, OpenAPI, AsyncAPI, Protobuf and GraphQL sources into editable, tested draw.io architecture diagrams: incremental sync, multi-view projection, drift diff, CI architecture tests, whiteboard derasterize, interactive HTML/PPTX/Mermaid exports.

agent-skillsarchitecturearchitecture-diagramasyncapi+4
Vibex
VibexOpen Source

Architecture diagrams and checkable docs from your codebase — ERD, C4, API and lifecycle — generated from Prisma, OpenAPI or GraphQL. One HTML file, no server.

api-documentationarchitecture-diagramc4-modelclaude-code+4
Svg Diagram
Svg DiagramOpen Source

Agent skill that draws architecture, flowchart, sequence, data-flow and lifecycle diagrams as hand-placed SVG, to one linted house style.

agent-skillsarchitecture-diagramcjkclaude-code+4

RokoAI arch-diagram: a Claude Code & Codex skill that turns any repo or article into an animated architecture diagram (HTML / PNG / MP4 / GIF / Mermaid) with a live trace log

architecture-diagramclaude-codeclaude-skillcodex+1
SeeCode
SeeCodeOpen Source

Animated, explorable diagrams for Claude and other coding agents, from a short JSON spec.

agent-skillsai-agentsarchitecture-diagramclaude-code+4
Stack Diagram
Stack DiagramOpen Source

Agent skill: describe your stack in a sentence, get an architecture diagram with official logos

agent-skillsarchitecture-diagramclaude-codeclaude-skills+4
Archify
ArchifyOpen Source

Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.

agent-skillsai-agentsarchitecture-diagramclaude-code+4
Terravision
TerravisionOpen Source

Cloud architecture diagrams in both directions: AI prompt or JSON to diagram, diagram to Terraform via MCP server, and Terraform to diagram via CLI or CI/CD. Using Official AWS, Azure and GCP icons.

agent-skillarchitecture-diagramarchitecture-diagram-generatoraws+4