BeClaude

drawio

New
Community RegistryGeneralby Thomas Klok Rohde

Create production-ready DrawIO diagram files with comprehensive XML knowledge for flowcharts, architecture diagrams, UML, network diagrams, and more

First seen 5/22/2026

Summary

This skill enables you to create production-ready DrawIO diagram files directly from Claude Code, leveraging comprehensive XML knowledge to generate flowcharts, architecture diagrams, UML diagrams, network diagrams, and more.

  • It saves developers time by automating diagram creation with precise, editable XML output that can be opened in DrawIO or integrated into documentation.

Install & Usage

1
Add a marketplace
/plugin marketplace add <org/repo>
2
Install the plugin

Add the configuration to /plugin install drawio@<marketplace>

3
Manage with /plugin
/plugin

Use Cases

Generate a flowchart for a CI/CD pipeline to visualize build, test, and deploy stages.
Create an architecture diagram for a microservices application showing service interactions and data flow.
Design a UML class diagram to document object-oriented system design for a new feature.
Produce a network topology diagram for cloud infrastructure including VPCs, subnets, and load balancers.
Build a sequence diagram to illustrate API call flows between frontend, backend, and database.
Generate an entity-relationship diagram (ERD) for a database schema to share with the team.

Usage Examples

1

/drawio Create a flowchart for a deployment pipeline with stages: code commit, build, test, deploy to staging, and deploy to production.

2

/drawio Generate a UML class diagram for a library management system with classes: Book, Member, Loan, and Librarian.

3

/drawio Create a network diagram for an AWS environment with a VPC, public and private subnets, an EC2 instance, and an RDS database.

View source on GitHub
drawiodiagramsflowchartarchitectureumlvisualization

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is drawio?

This skill enables you to create production-ready DrawIO diagram files directly from Claude Code, leveraging comprehensive XML knowledge to generate flowcharts, architecture diagrams, UML diagrams, network diagrams, and more. It saves developers time by automating diagram creation with precise, editable XML output that can be opened in DrawIO or integrated into documentation.

How to install drawio?

To install drawio: add a marketplace (/plugin marketplace add <org/repo>), then add the config to /plugin install drawio@<marketplace>. Finally, /plugin in Claude Code.

What is drawio best for?

drawio is a plugin categorized under General. It is designed for: drawio, diagrams, flowchart, architecture, uml, visualization. Created by Thomas Klok Rohde.

What can I use drawio for?

drawio is useful for: Generate a flowchart for a CI/CD pipeline to visualize build, test, and deploy stages.; Create an architecture diagram for a microservices application showing service interactions and data flow.; Design a UML class diagram to document object-oriented system design for a new feature.; Produce a network topology diagram for cloud infrastructure including VPCs, subnets, and load balancers.; Build a sequence diagram to illustrate API call flows between frontend, backend, and database.; Generate an entity-relationship diagram (ERD) for a database schema to share with the team..