Menu
SkillsMP has collected 22 skills from Impertio-Studio/Draw.io-Claude-Skill-Package. Open a skill to review its source and details.
Showing 22 of 22 collected skills.
Use when validating Draw.io mxGraph XML for correctness before presenting to the user or saving to a file. Runs an 8-stage validation pipeline from XML well-formedness to perimeter consistency. Prevents delivering broken diagrams by catching structural,…
Use when a user asks to create, generate, or build any type of Draw.io diagram from a natural language description. Orchestrates diagram type selection, skill routing, XML generation, and validation. Prevents generating the wrong diagram type by providing a…
Use when positioning shapes, routing edges, or placing labels in Draw.io diagrams. Prevents the #1 layout mistake: using absolute coordinates inside containers instead of relative coordinates. Covers the coordinate system, vertex and edge geometry, waypoints,…
Use when styling Draw.io shapes, connectors, or labels. Prevents the common mistake of using wrong property names, missing html=1, or mismatched perimeters that cause rendering failures. Covers style string syntax, property categories, color system, fontStyle…
Use when creating, reading, or modifying Draw.io diagram files (.drawio/.xml). Prevents the #1 AI mistake: generating compressed or malformed mxGraph XML that Draw.io cannot render. Covers the complete mxfile/diagram/mxGraphModel/root hierarchy, required…
Use when a Draw.io diagram renders but looks wrong — shapes invisible, connections misrouted, labels truncated, or layout broken. Prevents misdiagnosing visual issues by providing a symptom-based diagnostic decision tree. Covers invisible shapes, wrong…
Use when a Draw.io diagram fails to render, shows errors, or has structural problems. Prevents wasting time on symptoms by providing a diagnostic decision tree from symptom to root cause to fix. Covers XML structure errors, missing required cells, duplicate…
Use when creating C4 model diagrams, software architecture views, or cloud architecture diagrams in Draw.io. Prevents mixing cloud provider stencils in the same view or using wrong C4 color conventions. Covers C4 system context, container, and component…
Use when creating BPMN 2.0 process diagrams, workflow models, or business process maps in Draw.io. Prevents using wrong shapes for BPMN elements (e.g., rectangles for gateways) or mixing sequence and message flow styles. Covers events, activities, gateways,…
Use when generating Draw.io diagrams from tabular/CSV data or creating data-driven diagrams. Prevents the common mistake of missing directive lines or wrong connection JSON format. Covers all CSV directives (label, style, connect, layout, identity), column…
Use when creating entity-relationship diagrams, database schemas, or data models in Draw.io. Prevents the common mistake of using generic arrows instead of crow's foot notation (ERone, ERmany, ERzeroToOne, etc.). Covers entity table shapes, PK/FK notation,…
Use when creating flowcharts, process flows, or decision trees in Draw.io. Prevents the common mistake of using wrong shapes for flowchart elements (e.g., rectangle for decisions instead of rhombus). Covers all ISO 5807 flowchart shapes, decision branching…
Use when converting Mermaid diagrams to Draw.io format or deciding between Mermaid and native mxGraph XML. Prevents the critical mistake of expecting individually editable cells from Mermaid conversion (it produces a single compound shape). Covers supported…
Use when creating mind maps, concept maps, or radial hierarchy diagrams in Draw.io. Prevents the common mistake of using straight orthogonal connectors instead of curved organic lines for mind map branches. Covers central topic, branch shapes, curved…
Use when creating network topology diagrams, infrastructure layouts, or cloud architecture diagrams in Draw.io. Prevents using wrong stencil namespaces (e.g., mxgraph.cisco vs mxgraph.cisco19). Covers Cisco/AWS/Azure/GCP stencils, network topology patterns,…
Use when creating swimlane diagrams, cross-functional flowcharts, or pool/lane layouts in Draw.io. Prevents the #1 swimlane mistake: using absolute coordinates for children instead of container-relative coordinates. Covers horizontal and vertical swimlanes,…
Use when starting a diagram from a template or creating reusable diagram templates in Draw.io. Prevents rebuilding complex diagrams from scratch when a template exists. Covers the built-in template catalog (150+), custom template creation, template XML…
Use when creating UML diagrams (class, sequence, use case, state machine, activity) in Draw.io. Prevents the common mistake of using generic arrows instead of UML-specific connector styles (aggregation=open diamond, composition=filled diamond,…
Use when creating shapes, connectors, groups, or containers in Draw.io XML. Prevents the common mistake of missing vertex/edge flags, broken parent references, or unescaped HTML in labels. Covers mxCell vertex/edge creation, UserObject metadata wrappers, HTML…
Use when connecting shapes with edges in Draw.io diagrams. Prevents the common mistake of hardcoding waypoints instead of using edge routing, or using wrong exit/entry point coordinates. Covers floating vs fixed connections, edge routing styles, waypoints,…
Use when creating multi-page diagrams, working with layers, adding custom properties, or using placeholders in Draw.io. Prevents the common mistake of nesting diagram elements or using wrong placeholder scope. Covers pages, layers, custom properties,…
Use when looking up specific Draw.io style properties, shape names, arrow types, or edge routing algorithms. Prevents using non-existent property names or invalid values. Complete reference catalog of 120+ style properties, 22 built-in shapes, 21 arrow types,…