Generate export-ready draw.io XML with enforced fonts and layout rules.
npx skills add https://github.com/jey3dayo/dotfiles --skill drawio-jey3dayo
Please help me install this Agent Skill. Skill: drawio Source: https://github.com/jey3dayo/dotfiles/tree/main/agents/skills-internal/drawio/skills Command: npx skills add https://github.com/jey3dayo/dotfiles --skill drawio-jey3dayo
Creating professional draw.io diagrams with correct fonts and layout rules, ensuring export-ready XML.
Template-driven diagrams: Load ready-to-use templates for AWS, flowcharts, sequences, and ER diagrams.
Font consistency across platforms: Enforce element-level fontFamily and default font, ensuring PNG/SVG exports render correctly.
Layout and validation: Apply alignment, spacing, and layering rules to produce clean diagrams; validate XML structure.
Use Cases:
Architect AWS infrastructure diagrams with VPC, subnets, and services for documentation.
Create flowcharts, sequence diagrams, and ER models for design and data workflows.
Generate export-ready diagrams for team reviews and documentation.
Select a template, apply font and layout rules, and output a complete, export-ready draw.io XML file.
High-intent search queries and answers about installing and using this skill.
To keep draw.io diagram fonts consistent during export, you must enforce element-level fontFamily attributes alongside the defaultFontFamily in the mxGraphModel XML structure. This ensures text renders uniformly across different platforms.
The correct draw.io XML structure for an infinite canvas requires setting the page attribute to zero within the mxGraphModel tag. This configuration removes page boundaries, allowing unrestricted layout space for architecture diagrams.
To generate an AWS infrastructure diagram with proper layering, load a ready-to-use template for VPC, subnets, and services, then apply alignment, spacing, and layering rules to produce clean, export-ready draw.io XML.
Yes, draw.io XML requires fontFamily on every text element to satisfy export-ready validation rules. Applying the font configuration at the element level prevents rendering issues when diagrams are exported as images.
Yes, you can use template-driven diagrams to create sequence diagrams and ER models in draw.io. These templates guide the XML structure and automatically apply font consistency and layout validation for design workflows.
Your draw.io flowchart layout looks misaligned if the XML structure lacks proper layering order and spacing rules. Applying layout validation and alignment guidelines ensures the diagram elements are correctly positioned for export.
SpaceZephyrConvert plain text and workflows into Mermaid diagrams.
akiojinCreate and edit draw.io diagrams as XML with shapes, connectors, and PNG export.
jaimedhenriquesGenerate Excalidraw diagrams from natural language descriptions.
ntaksh42Generate and open Draw.io diagrams from XML, CSV, and Mermaid syntax.
