arch-draw

Generate draw.io diagrams as validated mxGraph XML from architectural descriptions.

3|Updated Jan 17, 2026
One-click install
npx skills add https://github.com/dddpaul/claude-skills --skill arch-draw
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: arch-draw
Source: https://github.com/dddpaul/claude-skills/tree/main/arch-draw
Command: npx skills add https://github.com/dddpaul/claude-skills --skill arch-draw

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Generate professional, ready-to-use draw.io diagrams in XML from architectural prompts.

Core Features & Use Cases

  • Diagram generation: Produce clean, layout-consistent mxGraph XML diagrams for system architectures, microservices, workflows, networks, and data flows.
  • Arrow routing and layout: Ensure collision-free routing, grid alignment, and support for containers, swimlanes, and labels.
  • Pattern support: Represent three-tier, event-driven, and Camunda/Zeebe-style topologies with consistent color schemes.
  • Real-world use cases: Architects and engineers quickly visualize architectures from textual descriptions for design reviews and documentation.

Quick Start

Describe the architecture you want diagrammed and I will output a ready-to-use draw.io XML diagram.

Frequently Asked Questions about arch-draw

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate draw.io XML from an architecture description?

To generate draw.io XML from an architecture description, provide a textual prompt detailing your system layout. The skill processes this input to output validated mxGraph XML with grid-aligned coordinates, ready for direct import into draw.io.

Can I create a microservices diagram in mxGraph format from text?

Yes, you can create a microservices diagram in mxGraph format from text. This skill translates architectural descriptions into color-coded mxGraph XML, supporting containers and groups to accurately represent microservices layouts and workflows.

Does this tool support BPMN and event-driven topology visualization?

BPMN and event-driven topology visualization is supported. The skill applies pattern support for three-tier, event-driven, and Camunda/Zeebe-style topologies, generating diagrams with consistent color schemes and collision-free arrow routing.

What is the best way to automate network topology diagram creation for documentation?

The best way to automate network topology diagram creation is using textual architecture prompts. The skill produces explicit entry and exit points for arrows, ensuring clean, layout-consistent visual documentation for network topology and data-flow representations.

Are there limitations when generating complex draw.io diagrams with collision-free routing?

When generating complex draw.io diagrams with collision-free routing, limitations depend on prompt clarity. The skill requires explicit architectural descriptions to accurately map grid-aligned coordinates and collision-free paths for swimlanes and containers.

Do I need prior knowledge of XML to produce draw.io diagrams from architecture?

You do not need prior knowledge of XML to produce draw.io diagrams from architecture. Simply describe the system architecture, and the skill automatically generates the validated mxGraph XML output with proper layout and styling.