drawio-syntax-cells
OfficialMaster Draw.io cell syntax.
AuthorOpenAEC-Foundation
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Draw.io diagram XML is error-prone when vertices and edges are not properly flagged, when parent references are incorrect, or when HTML in labels is not escaped. This Skill teaches and validates the correct Draw.io XML (mxCell) syntax to prevent missing renders and broken diagrams.
Core Features & Use Cases
- Guides the creation of mxCell vertices (shapes and containers) and edges (connectors) with proper vertex/edge flags and parent references.
- Covers UserObject wrappers for custom metadata, HTML labels with proper escaping, placeholders, groups, and container nesting for robust diagrams.
- Real-world scenarios include programmatic diagram generation for software architecture, data models, and process flows.
Quick Start
Create a simple vertex and an edge using correct attributes and escaped HTML to ensure a valid, renderable diagram.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: drawio-syntax-cells Download link: https://github.com/OpenAEC-Foundation/Draw.io-Claude-Skill-Package/archive/main.zip#drawio-syntax-cells Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.