skills.rest
ingbyr
ingbyrCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

drawio

Generate Draw.io diagrams and XML bundles from YAML specs.

2|Updated Apr 3, 2026
Search Tags:#cli#offline#yaml#replication#export#diagram#drawio
One-click install
npx skills add https://github.com/ingbyr/lzcode --skill drawio-ingbyr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/ingbyr/lzcode/tree/main/packages/desktop/src-tauri/lz-assets/skills/drawio
Command: npx skills add https://github.com/ingbyr/lzcode --skill drawio-ingbyr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires js-yaml, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Desktop-first Draw.io diagram tooling enables teams to create, edit, replicate, and export professional diagrams from a deterministic YAML workflow, with offline-first guarantees and optional desktop-backed rendering.

Core Features & Use Cases

  • Comprehensive offline-first workflow: convert YAML specs to Draw.io XML, generate sidecars, and produce ready-to-export bundles.
  • Desktop-backed exports: optionally leverage draw.io Desktop to produce high-fidelity SVG/PNG/PDF exports and embedded artifacts.
  • Replication and design-system integration: preserve or translate color palettes, themes, and semantic node/edge types across offline bundles, with support for formulas and design-system tokens.
  • Use cases include architecture diagrams, network/topology maps, academic/workflow figures, and vendor-icon-enabled diagrams without live editing.

Quick Start

Run the Draw.io Skill to generate a .drawio bundle from a YAML spec, then export standalone SVG or use the Desktop CLI for raster/vector outputs.

Frequently Asked Questions about drawio

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Draw.io diagrams from YAML specs offline?▼

The Skill converts YAML specs into deterministic Draw.io XML and sidecar bundles offline, letting you generate diagrams without a live internet connection or browser-based editor.

What is the best way to automate Draw.io diagram export for architecture maps?▼

Automating Draw.io diagram export is best handled by using a CLI to convert YAML specs into XML bundles, with optional desktop-backed rendering for high-fidelity SVG, PNG, or PDF outputs.

Does the offline Draw.io workflow support design-system tokens and color palettes?▼

The offline Draw.io workflow supports design-system integration by preserving or translating color palettes, themes, and semantic node and edge types across offline bundles using YAML definitions.

Can I use YAML to create network topology maps without live editing?▼

Yes, you can use YAML to define network topology maps and generate ready-to-export Draw.io bundles deterministically, creating vendor-icon-enabled diagrams without needing live editing.

Do I need Draw.io Desktop installed to export SVG and PDF files?▼

You need Draw.io Desktop installed only if you want to leverage optional desktop-backed rendering for high-fidelity SVG, PNG, or PDF exports and embedded artifacts.

Why use YAML instead of direct XML editing for Draw.io diagrams?▼

Using YAML instead of direct XML editing provides a deterministic workflow for replicating professional diagrams, ensuring consistent semantic node types and design-system tokens across offline bundles.

Related Skills

Explore More Software Engineering Skills→
edteedte
11

mydrawio

Create and validate Draw.io diagrams as .drawio or .xml files.

Community
Intermediate
markacianfranimarkacianfrani
6

drawio

Generates native draw.io XML diagrams for technical documentation and visual modeling, with optional export to PNG, and SVG/PDF via installed desktop app.

Community
Intermediate
bahayonghangbahayonghang
16

drawio

Convert natural language prompts and YAML specs into Draw.io XML.

Community
Advanced
keathmilligankeathmilligan

drawio

Generate draw.io diagrams as XML files using mxCell templates.

Community
Intermediate