{"enrichment":{"faq":[{"a":"draw-io edits .drawio files through direct XML manipulation. You can open any .drawio file as text, modify the XML structure to adjust elements, coordinates, and properties, then save. draw-io also provides programmatic access to create and transform diagrams by editing their underlying XML representation before converting to PNG output.","q":"How do I edit .drawio files directly?"},{"a":"Yes. draw-io includes built-in PNG conversion at 2x resolution with transparent backgrounds. The skill handles batch conversion of .drawio files to PNG format, making it suitable for automation workflows, pre-commit hooks, and integration into documentation pipelines like Quarto slide presentations.","q":"Can draw-io convert drawio to png automatically?"},{"a":"draw-io applies design principles covering clarity, consistency, accessibility, and progressive disclosure. The skill emphasizes proper element positioning, layout adjustment via coordinate editing, font configuration for multi-language support, and color contrast for accessibility. These practices ensure diagrams remain readable and maintainable across different contexts and audiences.","q":"What design principles does draw-io follow for diagram clarity?"},{"a":"Yes. draw-io provides access to official AWS icons for infrastructure diagrams and includes font configuration for multi-language support, including Japanese text width handling. This makes it suitable for technical documentation, Quarto presentations, and diagrams requiring localized content or cloud architecture visualization.","q":"Does draw-io support AWS icons and font customization?"},{"a":"draw-io adjusts diagram layout through direct coordinate editing in the XML. You can modify element positioning, arrow placement, background frame margins, and spacing by editing the underlying coordinate values. This fine-grained control enables precise alignment and professional formatting for complex diagrams.","q":"How does draw-io handle diagram layout and positioning?"},{"a":"draw-io is licensed under MIT, making it free and suitable for production use. The skill supports integration into automated workflows, pre-commit hooks, and continuous documentation pipelines, with built-in accessibility and visual verification capabilities to ensure diagram quality.","q":"Is draw-io licensed and suitable for production use?"}],"shadow_tags":["diagram-editor","xml-manipulation","image-export","aws-architecture","layout-engine","accessibility-design","presentation-graphics","batch-conversion","vector-graphics","technical-documentation"],"summary_rewrite":"draw-io handles diagram creation and editing through direct XML manipulation of .drawio files, with built-in PNG conversion at 2x resolution and transparent backgrounds. The skill includes layout adjustment via coordinate editing, font configuration for multi-language support, and access to official AWS icons for infrastructure diagrams. Design principles cover clarity, consistency, accessibility, and progressive disclosure across diagram types."},"files":[{"bytes":7609,"path":"skills/draw-io/SKILL.md","sha256":"fb23a8baa3a3166cccdb92e306233d15979f42d21fd6e6fac7840932692ab87a","url":"https://skillfed.io/files/softaworks/agent-toolkit/draw-io/f997bf5e/SKILL.md"}],"id":"softaworks/agent-toolkit/draw-io","links":{"html":"https://skillfed.io/softaworks/agent-toolkit/draw-io","md":"https://skillfed.io/softaworks/agent-toolkit/draw-io.md","repo":"https://github.com/softaworks/agent-toolkit"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":214,"language":"Python","last_updated":"2026-03-05","license":"MIT","name":"draw-io","publisher":"softaworks","stars":2243},"relations":{"similar":[{"id":"giuseppe-trisciuoglio/developer-kit/drawio-logical-diagrams"},{"id":"giuseppe-trisciuoglio/developer-kit/aws-drawio-architecture-diagrams"},{"id":"malue-ai/dazee-small/draw-io"},{"id":"bruc3van/agent-skills-guard/agents-bruce-drawio"},{"id":"Agents365-ai/365-skills/drawio-skill"},{"id":"Agents365-ai/drawio-skill/drawio-skill"},{"id":"jim60105/copilot-prompt/drawio-diagrams-enhanced"},{"id":"GRCEngClub/claude-grc-engineering/drawio"},{"id":"jgraph/drawio-mcp/drawio"},{"id":"Thincher/awsome_skills/drawio-generator"}]},"slug":{"owner":"softaworks","repo":"agent-toolkit","skill":"draw-io"},"version":"f997bf5e"}