What types of diagrams can this skill create?

It can create flowcharts, sequence diagrams, ER diagrams, class diagrams, C4 models, network topologies, and ArchiMate enterprise architecture diagrams.

Can I open the generated files directly in Draw.io?

Yes, the skill generates standard .drawio XML files that are fully compatible with the diagrams.net web app and desktop versions.

Can I customize the colors and shapes used in the diagrams?

Absolutely. The skill supports hex-code color customization and specific mxGraph styles for different shape types.

Does it handle layout and styling automatically?

Yes, it applies consistent spacing, logical grouping, and professional color schemes to ensure the diagrams are readable and production-ready.

Is knowledge of mxGraph XML required to use this skill?

No, the skill abstracts the complex XML structure and mxGraph attributes, allowing you to describe your diagram in plain English.

Draw.io Diagram Architect

Name: Draw.io Diagram Architect
Author: ThomasRohde

byThomasRohde

0•

Learning & Documentation

Generates production-ready .drawio XML files for architectural, sequence, and workflow diagrams directly within Claude.

This skill empowers Claude to create professional, structured Draw.io (diagrams.net) files using the mxGraph XML format. It manages the complexities of XML serialization, including unique ID assignment, coordinate-based positioning, and advanced styling for various visualization types. Whether you need a C4 model for system architecture, a sequence diagram for API flows, or an ER diagram for database modeling, this skill provides the domain-specific knowledge to produce high-quality, editable diagram files that can be opened instantly in any Draw.io compatible editor.

Key Features

01Supports specialized modeling patterns including C4, ArchiMate, and UML

02Generates valid .drawio and .drawio.xml files compatible with diagrams.net

03Includes templates for flowcharts, ER diagrams, and network topologies

04Provides built-in styling for production-ready shapes, connectors, and themes

050 GitHub stars

06Automates ID management and precise coordinate-based element positioning

Use Cases

01Documenting microservices architecture and system components

02Visualizing complex business logic and decision-tree flowcharts

03Generating Entity-Relationship (ER) diagrams for database schema design

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add thomasrohde/marketplace drawio-creation

For use in Claude.ai and ChatGPT

Download Skill