diagrams-as-code

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

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

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

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

Render PlantUML diagrams in GitHub Markdown READMEs and docs: clickable diagram images from .puml files that link to each other, with no images to commit. CLI and GitHub Action.

Generate diagrams for your cloud architecture using code

A diagram-as-code CLI for generating logical, application, infrastructure views with disposition management, validation, and overlap prevention in large diagrams

Excalidraw MCP server with real vendor-icon search & insertion (AWS/Azure/GCP/OCI/Kubernetes) for AI-built architecture diagrams — live canvas, 31 tools

A simple hack to edit DOT diagrams in the browser

Visualizing computer code 🔶↜🔵

Convert D2 diagrams to editable draw.io / diagrams.net files. Diagrams as code in, native .drawio out. CLI + Node API.

Create PlantUML diagrams by defining data in YAML files and then using scripts to generate diagrams based on that data.

Agent skill: generate beautiful dark-themed architecture diagrams from your project/demo/idea. Interactive, verifiable, and editable. Delivered as self-contained HTML.

Erwin-style visual modeler for agentic AI platforms — orchestrator, tasks, agents, MCP tools, jobs, routers, systems. Validate live, export a registry. Vite + React + Tauri.

Portable Agent Skill package for creating and repairing Mermaid.js diagrams

Write D2 code and render diagrams instantly in your browser.

Web-based Live-Editor for Diagrams to use with kroki.io

A high-performance, modular diagram rendering ecosystem. Transitioning to a multi-package architecture (Core, Registry, Editor) for headless SVG generation and serverless integration.

A tool to help developers visually plan codebase structure

Astro integration: every figure from plain text — diagrams, charts, sequences, mindmaps, schematics, and technical drawings, rendered to inline SVG