claude

drawio-diagramming

Intelligent draw.io diagramming plugin with AI-powered diagram generation, multi-platform embedding (GitHub, Confluence, Azure DevOps, Notion, Teams, Harness), conditional formatting, live data binding, and MCP server integration for programmatic diagram creation and management.

0 on GitHubby Markus Ahlingv2.1.0MITupdated 20 days ago
/

Plugin drawio-diagramming from marketplace taia-marketplace in trusted-american/marketplace. Commands read from the repo's manifest — 19 days ago.

What it installs

Skills (14)

  • agentic-patterns

    Patterns from \"Agentic Design Patterns\" (Gulli & Sauco, 2025) applied to AI-powered diagram generation and multi-platform embedding

  • ai-generation

    AI-powered diagram generation using draw.io's built-in AI features and LLM integration

  • conditional-formatting

    Data-driven conditional formatting, live data binding, and dynamic diagram updates for draw.io

  • data-structures

    Computer science data structure visualization in draw.io — arrays, linked lists, trees, graphs, hash tables, heaps, stacks, queues

  • desktop-integration

    draw.io desktop app integration for Claude Code — OS detection, editor paths, CLI export, file watching, and iterative AI+human workflows

  • diagram-catalog

    Master reference catalog of 190+ diagram types organized by category with selection guide, complexity ratings, stencil references, and XML examples

  • diagram-types

    Comprehensive guide to all diagram types with selection criteria, notation rules, and draw.io implementation

  • mcp-integration

    draw.io MCP server configuration, tools reference, and integration patterns

  • network-software-mapping

    Network topology, infrastructure architecture, and software system mapping in draw.io with cloud, on-prem, and hybrid layouts

  • platform-integrations

    Multi-platform diagram embedding guide for GitHub, Confluence, Jira, Azure DevOps, Notion, Teams, and Harness

  • quality-critique

    Visual quality critique checklist for draw.io diagrams — run before writing any .drawio file

  • research-agents

    Research agent configurations for gathering data to build accurate, detailed diagrams

  • wireframes-mockups

    UI/UX wireframe and mockup generation in draw.io at lo-fi, mid-fi, and hi-fi fidelity levels

  • xml-generation

    Complete draw.io XML generation reference including mxGraphModel structure, cell types, style properties, and validation rules

Slash commands (14)

  • /drawio-diagramming:analyze

    Perform comprehensive analysis of draw.io diagrams including quality scoring, layout consistency checks, color and accessibility audits, connection completeness verification, complexity metrics, standard compliance checking, and actionable improvement suggestions. Supports diagram comparison and dif

  • /drawio-diagramming:auto-diagram

    Intelligent diagram generation engine that analyzes source code, git diffs, PR descriptions, and conversation context to automatically select the optimal diagram type and produce production-quality draw.io XML. Supports 12+ diagram types with self-editing refinement, multi-file analysis, incremental

  • /drawio-diagramming:batch

    Batch process multiple draw.io diagrams in a single operation. Supports bulk generation from source files, mass export to SVG/PNG/PDF, applying theme or style updates across all diagrams, refreshing data-bound diagrams, updating platform embeds, and generating summary reports. Includes pipeline inte

  • /drawio-diagramming:create

    Analyzes project context (code, conversation, explicit request) to automatically select the best diagram type and generate production-quality draw.io XML with proper mxGraphModel structure, style presets, color themes, multi-page support, and layer organization.

  • /drawio-diagramming:data-bind

    Bind draw.io diagram elements to external data sources such as Jira, GitHub Actions, Kubernetes, Prometheus, and custom REST APIs. Apply conditional formatting based on live status values, deploy state, test coverage, latency metrics, and resource utilization. Uses draw.io custom properties, placeho

  • /drawio-diagramming:edit

    Reads and parses existing .drawio XML files to add, remove, or modify cells (shapes, edges, labels), update styles, adjust layouts, manage layers, merge diagrams, diff versions, and perform bulk operations while preserving diagram integrity.

  • /drawio-diagramming:embed

    Generates platform-specific embedding code for draw.io diagrams across 7+ platforms including GitHub, Confluence, Jira, Azure DevOps, Notion, Microsoft Teams, and Harness. Auto-detects target platform from context, handles image sizing, responsive display, and links diagrams to source code.

  • /drawio-diagramming:enrich

    Deep enrichment engine that analyzes code, crawls documentation, and researches APIs to add granular detail to diagrams

  • /drawio-diagramming:export

    Exports draw.io diagrams to SVG, PNG, PDF, raw XML, self-editing HTML, and Mermaid.js format. Supports CLI export via draw.io desktop, programmatic export via the draw.io export server, quality settings, multi-page export, batch processing, dark mode, transparent backgrounds, crop-to-content, and CI

  • /drawio-diagramming:layers

    Manage draw.io diagram layers for organizing complex multi-layered visualizations. Create, toggle, lock, reorder, and export layers. Includes templates for infrastructure, application, C4, DevOps, and security layer patterns. Supports cross-layer connections, collapsible groups, layer-based selectiv

  • /drawio-diagramming:mcp-setup

    Set up and configure draw.io MCP (Model Context Protocol) servers for AI-powered diagramming. Covers the official jgraph MCP server (App Server and Tool Server), the community drawio-mcp-server by lgazo, and configuration for Claude Desktop, Claude Code, VS Code, Zed, and Codex. Includes troubleshoo

  • /drawio-diagramming:open

    Opens .drawio diagram files in the draw.io desktop application (Electron) or falls back to the browser-based editor at app.diagrams.net. Supports OS detection (macOS, Windows, Linux), custom editor paths, file watching for live reload, and opening specific pages within multi-page diagrams. Essential

  • /drawio-diagramming:style

    Comprehensive styling engine for draw.io diagrams. Apply theme presets (Professional, Sketch, Dark Mode, Blueprint, Minimal, Colorful, Corporate), bulk restyle operations, and fine-grained control over every visual property including fills, strokes, shapes, text, labels, edges, and arrows. Includes

  • /drawio-diagramming:template

    Generate draw.io diagrams from a curated library of intelligent templates spanning software architecture, cloud infrastructure, business processes, databases, DevOps pipelines, network topologies, UML, and agile project management. Supports template variables, composition, inheritance, and smart sel

Subagents (6)

  • drawio:auto-documenter

    The Auto-Documenter analyzes codebases to automatically generate draw.io diagrams that accurately represent system architecture, data models, API flows, and infrastructure. It detects code changes, updates affected diagrams incrementally, and maintains a diagram inventory to prevent documentation dr

  • drawio:data-connector

    The Data Connector specializes in binding external data sources to draw.io diagrams. It implements conditional formatting, placeholder variables, live status dashboards, and automated update scripts that keep diagrams synchronized with real-time system state.

  • drawio:diagram-architect

    The Diagram Architect is the master strategist for draw.io diagram creation. It combines deep knowledge of every diagram type with expertise in draw.io XML internals to produce publication-ready diagrams. It follows a self-editing workflow of generate, analyze, improve, and finalize, ensuring every

  • drawio:enrichment-researcher

    Specialized research agent combining code analysis, Firecrawl web scraping, and AI reasoning to add granular detail to diagrams

  • drawio:integration-specialist

    The Integration Specialist handles all aspects of embedding, syncing, and managing draw.io diagrams across development and collaboration platforms. It knows the specific integration mechanisms for GitHub, Confluence, Jira, Azure DevOps, Notion, Teams, and Harness, including automated export pipeline

  • drawio:style-engineer

    The Style Engineer is the visual design authority for all draw.io diagrams. It masters every style property, color palette, typography setting, and visual effect available in draw.io. It creates consistent, branded, accessible diagram themes and ensures every diagram meets professional presentation

View source on GitHub

More from trusted-american/marketplace

All 39 plugins →

Unified delivery orchestration: one plugin replacing six. A tested, dependency-free kernel (swarm conductor with leased claims and worktree isolation, guardrails, transactional state MCP, fleet protocol) behind platform adapters for Linear, Jira, GitHub and Harness. 133 commands, 156 agents, 52 skills, 12 schema-validated workflows, 155 tests.

52 skills · 133 commands · 156 agents · hooks

0

Modern Claude Code second brain: 5-layer stack deploy + three-tier memory (engram + Obsidian vault + plugin rules) + 22-tool MCP reference server. 21 behavior-triggering skills, 12 single-intent commands, 18 role-scoped agents bridging engram and Obsidian. Tracks current Claude Code capabilities (Fable 5 + Opus 4.8, agent teams, Tool Search, web/remote).

70 skills · 12 commands · 18 agents

0

a3-plugin

claude

Fullstack development agent for the A3 platform — orchestrates Ember.js, Firebase/Firestore, and GCP Cloud Functions with deep codebase knowledge, context-budgeted delegation, targeted review, and CI-based verification

50 skills · 11 commands · 11 agents · 2 MCP servers

0

Comprehensive Material UI (MUI) expert plugin — 26 skills, 14 commands, 7 agents covering theming, CSS variables, Pigment CSS, components, sx/styled, slots API, MUI X (DataGrid, DatePickers, Charts, TreeView), accessibility, performance, SSR/Next.js, animations, virtualization, forms, white-label/multi-tenant, headless (MUI Base), Joy UI, i18n/RTL, testing, migration, entity-driven CRUD, ecosystem integrations, and 200+ creative widget patterns.

27 skills · 14 commands · 7 agents

0

Expert system for building agent-rendered interactive UI: MCP Apps (ui:// resources, the ui/* postMessage bridge), mcp-ui, the OpenAI Apps SDK (window.openai), Google A2UI, and AG-UI. 14 commands, 16 skills, 13 agents, 7 runnable project templates, and 4 scripts — scaffolder, spec validator, host-portability checker, and a local host harness — that turn any product requirement into a spec-correct, CSP-hardened, host-portable agent UI.

16 skills · 14 commands · 13 agents

0

Consul - Enterprise Microsoft ecosystem orchestrator for TVS (Trusted Virtual Solutions) multi-entity multi-tenant deployment. 19 agents, 18 commands, 17 skills, 14 hooks, 5 workflows. MCP server for Graph API, Dataverse, Fabric, and Planner.

1 skill · 18 commands · 19 agents

0

Similar plugins

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

deploy-on-aws

claudecodex

Deploy applications to AWS with architecture recommendations, cost estimates, and IaC deployment.

3 skills · 3 MCP servers · hooks

anthropics/claude-plugins-official 47,076

OpenAPI specification generation, Mermaid diagram creation, tutorial writing, API reference documentation

3 skills · 1 command · 5 agents

wshobson/agents 42,461

Miro

claude

Secure access to Miro boards. Enables AI to read board context, create diagrams, and generate code with enterprise-grade security.

3 skills · 1 MCP server

anthropics/knowledge-work-plugins 35,601

Architecture diagrams, explanations and Mermaid source for any public GitHub repository, from gitdiagram.com.

2 skills · 1 MCP server

ahmedkhaleel2004/gitdiagram 18,884

Generate beautiful HTML pages for diagrams, diff reviews, plan reviews, slides, and data tables

1 skill · 10 commands

nicobailon/visual-explainer 11,028

Maintain drawio-diagramming?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins39 plugins