skills.rest
OpenAEC-Foundation
OpenAEC-FoundationOFFICIAL
Explore all skills by this author →
GitHub

drawio-impl-uml

Generate UML-compliant Draw.io mxGraph XML for class, sequence, use case, state machine, and activity diagrams.

4|Updated Mar 19, 2026
Search Tags:#draw.io#diagram#uml#mxgraph#uml-semantics#lifeline#system-boundary
One-click install
npx skills add https://github.com/OpenAEC-Foundation/Draw.io-Claude-Skill-Package --skill drawio-impl-uml
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio-impl-uml
Source: https://github.com/OpenAEC-Foundation/Draw.io-Claude-Skill-Package/tree/main/skills/source/drawio-impl/drawio-impl-uml
Command: npx skills add https://github.com/OpenAEC-Foundation/Draw.io-Claude-Skill-Package --skill drawio-impl-uml

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Generates Draw.io mxGraph XML for UML diagrams with correct semantics, preventing common mistakes like generic arrows, improper compartments, and incorrect lifeline usage.

Core Features & Use Cases

  • Supports UML diagram types: class, sequence, use case, state machine, and activity diagrams.
  • Enforces UML relationship semantics (generalization, aggregation, composition, dependency) and proper return messaging in sequence diagrams.
  • Provides guidance on 3-compartment class diagrams (name, attributes, operations) and actor/system boundary conventions.

Quick Start

Create a Draw.io UML diagram using the documented UML styles and examples.

Frequently Asked Questions about drawio-impl-uml

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

FAQPage Schema
How do I generate semantically correct UML diagrams in Draw.io?▼

To generate correct UML diagrams in Draw.io, you need to apply UML-compliant edge styles and layout rules. This prevents common errors like using generic arrows instead of proper UML relationship semantics such as generalization, aggregation, and composition.

Why does my Draw.io class diagram use improper compartments and incorrect styling?▼

Draw.io class diagrams lack proper semantics when 3-compartment structures for name, attributes, and operations are not enforced. Applying mxGraph XML layout rules ensures consistent styling and validates proper UML class diagram conventions.

What is the correct way to model sequence diagram lifelines and system boundaries in Draw.io?▼

Sequence diagram lifelines and system boundaries in Draw.io require specific mxGraph shapes and return messaging rules. Enforcing proper lifeline shapes and actor/system boundary conventions ensures your sequence diagram follows standard UML semantics.

Does Draw.io support all standard UML diagram types including state machine and activity diagrams?▼

Draw.io supports class, sequence, use case, state machine, and activity diagrams. By applying the correct mxGraph edge styles and layout rules, you can generate valid UML semantics across all these diagram types within the platform.

Can I enforce the 6 core UML relationship edge styles automatically in Draw.io?▼

You can enforce the 6 core UML relationship edge styles in Draw.io by utilizing documented UML styles and mxGraph XML rules. This ensures correct generalization, aggregation, composition, and dependency edges are applied consistently.

Related Skills

Explore More Software Engineering Skills→
lucasgaldinoslucasgaldinos

draw-io-diagram-generator

Generate, edit, and validate draw.io diagrams with mxGraph XML structure.

Community
Advanced
OpenAEC-FoundationOpenAEC-Foundation
4

drawio-agents-diagram-generator

Parse natural language requests and generate validated Draw.io mxGraph XML diagrams.

Official
Advanced
ThomasRohdeThomasRohde
2

DrawIO Diagram Creation

Generate valid DrawIO XML diagrams with mxGraph structure from structured input.

Community
Advanced
markdown-viewermarkdown-viewer
3.1k

uml

Render PlantUML text into UML diagrams for documentation workflows.

Official
Intermediate