$npx skillfedfor your agent

Drawio

Drawio generates native `.drawio` diagram files in mxGraphModel XML format and optionally exports to PNG, SVG, or PDF with embedded XML for continued editing. Built for flowcharts, architecture diagrams, ER schemas, sequence diagrams, and GRC workflows with conventions for swimlanes, control IDs, and compliance-focused styling.

Drawio creates and exports draw.io diagrams as editable native files or image formats.

AI-generated summary based on this skill's SKILL.md

354 80 unlicensed, metadata onlyupdated by GRCEngClub

Decision gist · record as of 2026-07-26

Drawio creates and exports draw.io diagrams as editable native files or image formats. Drawio generates native `.drawio` diagram files in mxGraphModel XML format and optionally exports to PNG, SVG, or PDF with embedded XML for continued editing. Built for flowcharts, architecture diagrams, ER schemas, sequence diagrams, and GRC workflows with conventions for swimlanes, control IDs, and compliance-focused styling.

manual: git clone https://github.com/GRCEngClub/claude-grc-engineering → cp -r claude-grc-engineering ~/.claude/skills/drawio

Use it when

  • Drawio provides an intuitive canvas where you drag shapes and connectors to build flowcharts.
  • Drawio exports diagrams to PNG, SVG, and PDF formats.
Same gist for agents: .md · .json

Install

GRCEngClub/claude-grc-engineering/drawio · repository language: JavaScript

generated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub

Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

What is Drawio and what can I create with it?

Drawio is a free, open-source diagramming tool that generates native `.drawio` diagram files in mxGraphModel XML format. You can create flowcharts, architecture diagrams, ER schemas, sequence diagrams, UML diagrams, network topologies, organizational charts, wireframes, and GRC workflows. Drawio supports conventions for swimlanes, control IDs, and compliance-focused styling to meet diverse technical and business documentation needs.

How do I create flowcharts with Drawio?

Drawio provides an intuitive canvas where you drag shapes and connectors to build flowcharts. The tool includes a comprehensive shapes library with flowchart symbols, swimlanes for process flows, and control ID support for structured workflows. You can customize styling, add labels, and organize logic visually before exporting your flowchart to multiple formats for sharing and documentation.

What export formats does Drawio support?

Drawio exports diagrams to PNG, SVG, and PDF formats. The exported files can include embedded XML, allowing you to continue editing diagrams even after export. This flexibility makes it easy to share diagrams across teams and documentation systems while maintaining the ability to return to the source file for updates.

Can Drawio be used for UML and ERD diagrams?

Yes, Drawio is built specifically for technical diagrams including UML and entity relationship diagrams (ERD). It provides specialized shapes and connectors for modeling class hierarchies, relationships, and database schemas. The tool's support for ER conventions and UML notation makes it suitable for architects and database designers working on technical documentation.

Is Drawio available as a free, open-source alternative?

Drawio is a free, open-source diagramming solution that serves as an alternative to paid tools like Visio and Lucidchart. It runs both online and as a desktop application, giving you flexibility in how you access and use the tool without licensing costs or vendor lock-in.

Does Drawio support real-time collaboration on diagrams?

Drawio includes collaboration features that enable real-time editing on visual projects. Teams can work together on diagrams simultaneously, making it suitable for collaborative design sessions and distributed team workflows where multiple contributors need to edit the same diagram at once.

Let your AI agent find skills like this

Example. Real query, live index.

You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.

wish › “Create and edit diagrams, flowcharts, and visual designs”

Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →

Related skills

drawio
by jgraph · jgraph/drawio-mcp

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.

Apache-2.0for claude-code, codexupdated Jul 2026
★ 5,003repo stars
Drawio Generator
by Thincher · Thincher/awsome_skills

Turn code into editable diagrams. This skill converts Mermaid, XML, or CSV into draw.io diagrams that open directly in your browser—perfect for flowcharts, architecture diagrams, org charts, UML, and any visual layout you need. Users get a clickable link to view and modify each diagram instantly.

no license declared → metadata onlyupdated Mar 2026
★ 1repo stars
Drawio To Png
by huyansheng3 · huyansheng3/ppt-skills

Drawio To Png transforms draw.io diagram files into high-quality PNG images using command-line tools or headless browser automation. It supports batch conversion, adjustable scale factors, transparent backgrounds, and multi-page diagram export for documentation, presentations, and web publishing.

no license declared → metadata onlyupdated Feb 2026
★ 0repo stars
Grc Raci Diagram
by GRCEngClub · GRCEngClub/claude-grc-engineering

This skill helps you map accountability and responsibility across teams in governance, risk, and compliance contexts. It structures RACI matrices, swimlane flows, and ownership maps tailored for executives, auditors, or practitioners, then generates editable draw.io diagrams with standardized visual conventions for controls, risks, and evidence flows.

no license declared → metadata onlyupdated Jul 2026
★ 354repo stars
Grc Compliance Operating Model Diagram
by GRCEngClub · GRCEngClub/claude-grc-engineering

Structure and visualize GRC compliance operating models, governance architectures, and control frameworks as editable draw.io diagrams. Supports executive capability maps, three lines of defense, policy-control-evidence lifecycles, and audit scope views with role-based layout options.

no license declared → metadata onlyupdated Jul 2026
★ 354repo stars
Grc Audit Workflow Diagram
by GRCEngClub · GRCEngClub/claude-grc-engineering

This skill structures audit processes—from planning and evidence collection through testing, exceptions, and reporting—into visual swimlane or timeline diagrams. It guides you through element selection, layout choices for different audiences, and draw.io conventions for compliance contexts, then hands off to the drawio skill for native file generation.

no license declared → metadata onlyupdated Jul 2026
★ 354repo stars

More skills Grc System Boundary Diagram (NOASSERTION) · Grc Data Flow Diagram (NOASSERTION) · Grc Control Map Diagram (NOASSERTION) · Grc Risk Treatment Diagram (NOASSERTION) · Drawio Diagram Forge (NOASSERTION) · wechat-article-writer (Apache-2.0) · Agents Bruce Drawio (unlicensed) · drawio-skill (MIT)

Tags
diagram-creationvisual-modelingflowchart-builderopen-source-graphicscollaborative-drawingvector-graphicsschema-designtechnical-documentation