{"enrichment":{"faq":[{"a":"drawio generates native .drawio diagram files for flowcharts, architecture diagrams, ER diagrams, sequence diagrams, class diagrams, network diagrams, org charts, state machines, and UML diagrams. Each diagram type is fully editable and can be exported or opened in the draw.io editor.","q":"What types of diagrams can drawio create?"},{"a":"Yes. drawio creates flowcharts by accepting either Mermaid syntax or draw.io XML as input. The generated .drawio files are native diagram files that can be exported to PNG, SVG, or PDF, or opened directly in the draw.io browser editor for further editing.","q":"Can I create a flowchart with drawio?"},{"a":"drawio exports diagrams to PNG, SVG, and PDF formats. All exports retain embedded XML, allowing you to re-import and edit the diagram later. You can also generate shareable browser URLs that open your diagram directly in the draw.io editor.","q":"What export formats does drawio support?"},{"a":"drawio supports auto-layout using ELK (Eclipse Layout Kernel) presets, which automatically position diagram elements for cleaner, more readable results. This is especially useful for complex architecture and network diagrams that benefit from algorithmic arrangement.","q":"How does drawio handle diagram layout?"},{"a":"drawio accepts Mermaid syntax and draw.io XML as input formats. Both are converted into native .drawio files. Mermaid syntax is ideal for quick text-based diagram creation, while XML provides fine-grained control over diagram structure and styling.","q":"What input formats does drawio accept?"},{"a":"Yes. drawio generates shareable browser URLs that allow others to open and edit your diagrams directly in the draw.io editor without downloading files. Exported PNG, SVG, and PDF files with embedded XML also preserve editability when re-imported.","q":"Can I share diagrams created with drawio?"}],"shadow_tags":["visual-design","diagram-export","flowchart-layout","xml-authoring","mermaid-conversion","auto-positioning","multi-format-output","editable-embedding","shape-libraries"],"summary_rewrite":"drawio generates native .drawio diagram files from either Mermaid syntax or draw.io XML, supporting flowcharts, architecture diagrams, ER diagrams, sequence diagrams, and more. Export to PNG, SVG, or PDF with embedded XML for editing, or open directly in the draw.io editor via browser URL. XML diagrams can be auto-laid out using ELK layout presets."},"files":[{"bytes":20431,"path":"plugins/claude-code/skills/drawio/SKILL.md","sha256":"4db0d9428e855b602b5afd161929dc6e35cb28678d830cfafd939f0a71bba5f5","url":"https://skillfed.io/files/jgraph/drawio-mcp/drawio/ac2a4269/SKILL.md"}],"id":"jgraph/drawio-mcp/drawio","links":{"html":"https://skillfed.io/jgraph/drawio-mcp/drawio","md":"https://skillfed.io/jgraph/drawio-mcp/drawio.md","repo":"https://github.com/jgraph/drawio-mcp"},"meta":{"agents_supported":["claude-code","codex"],"first_seen":"2026-07-28","forks":310,"language":"JavaScript","last_updated":"2026-07-24","license":"Apache-2.0","name":"drawio","publisher":"jgraph","stars":5003},"relations":{"similar":[{"id":"GRCEngClub/claude-grc-engineering/drawio"},{"id":"Agents365-ai/drawio-skill/drawio-skill"},{"id":"Agents365-ai/365-skills/drawio-skill"},{"id":"akillness/jeo-skills/drawio"},{"id":"bruc3van/agent-skills-guard/agents-bruce-drawio"},{"id":"Thincher/awsome_skills/drawio-generator"},{"id":"huyansheng3/ppt-skills/drawio-to-png"},{"id":"GRCEngClub/claude-grc-engineering/grc-system-boundary-diagram"},{"id":"GRCEngClub/claude-grc-engineering/grc-data-flow-diagram"},{"id":"GRCEngClub/claude-grc-engineering/grc-audit-workflow-diagram"}]},"slug":{"owner":"jgraph","repo":"drawio-mcp","skill":"drawio"},"version":"ac2a4269"}