drawio
The drawio skill provides a YAML-first workflow for creating, editing, and exporting draw.io diagrams. It supports architecture diagrams, flowcharts, UML, network topologies, and Mermaid/CSV conversion. The skill operates primarily offline using a local CLI and supports optional integration with draw.io Desktop for advanced exports like PNG, PDF, and JPG.
Is drawio safe to install?
Review the source first: our audit of drawio's source files found 7 shell commands, 0 external URLs, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill executes shell commands to process diagram files and interacts with the local filesystem to read/write diagrams and sidecar configuration files.
How we audit skills: our security review methodology.
Who is this skill for?
Engineers, architects, and technical writers who need to manage diagram creation and maintenance through version-controlled YAML specifications.
What can you do with it?
- Creating software and system architecture diagrams
- Mapping network topologies and infrastructure
- Generating flowcharts, process maps, and org charts
- Converting Mermaid or CSV data into draw.io diagrams
- Replicating existing diagrams from images or screenshots
- Managing technical diagrams with LaTeX or AsciiMath formulas
How good is this skill?
Quality score: 5/10. The skill documentation is comprehensive, clearly defining the runtime stack, task routing, and operating rules. It provides specific CLI examples and distinguishes between the base skill and academic overlays.
What does the skill file contain?
# Draw.io Base Skill Create, edit, validate, replicate, import, and export draw.io diagrams through the shared YAML-first Draw.io Base Skill. This package is the single maintained base capability surface for sibling overlays. It owns the local CLI, schemas, shared references, themes, reusable examples, style presets, Desktop export helpers, diagrams.net URL fallback, and optional live-refinement backend. ## Scope Use this base skill for general draw.io work: - software and system architecture diagrams - network topologies and infrastructure maps - flowcharts, swimlanes, process maps, and ...
Frequently asked questions
Does this skill require an internet connection?
No, the skill is designed for an offline YAML-first workflow. An optional live-refinement backend exists for browser-based iteration, but it is not required for standard diagram creation or export.
How do I export diagrams to PNG or PDF?
You must have draw.io Desktop installed. The skill uses the --use-desktop flag with the CLI to generate these formats.
Can I use this for academic publication figures?
The base skill does not apply academic publication gates. You should use the drawio-academic-skills overlay for paper, thesis, or journal-ready figures.
How are diagrams represented?
Diagrams are represented as YAML specifications. These are normalized into .drawio and .svg files during the rendering process.
Related skills
simple
221.4KDevelopers and project managers who need a fast, lightweight decision-making process for feature design or component creation
A structured brainstorming framework for architectural and creative tasks that guides users from discovery to decision-making through a defined process flow.
extract-design-system
124.5KDevelopers and designers who want to initialize design systems based on existing public websites
This skill extracts design primitives from public websites and generates starter token files for projects.
vue-best-practices
24.1KVue
This skill provides a structured workflow for Vue.js development, mandating the use of the Composition API, TypeScript, and specific architectural patterns. It requires developers to plan component boundaries, follow strict SFC structure, and apply core reactivity and data flow principles before implementing features.
flutter-apply-architecture-best-practices
21.6KFlutter developers building new projects or refactoring existing codebases for scalability
This skill provides a structured architectural framework for Flutter applications, enforcing a layered approach consisting of UI, Logic, and Data layers.