skills.rest
zeero
zeeroCOMMUNITY
Explore all skills by this author →
𝕏@zeeroGitHub

draw-io

Convert .drawio XML diagrams to PNG using the drawio CLI.

4|Updated Apr 21, 2013
Search Tags:#automation#layout#diagrams#draw.io#PNG conversion#AWS icons
One-click install
npx skills add https://github.com/zeero/dotfiles --skill draw-io-zeero
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: draw-io
Source: https://github.com/zeero/dotfiles/tree/main/home/.claude/skills/draw-io
Command: npx skills add https://github.com/zeero/dotfiles --skill draw-io-zeero

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires drawio, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the creation, editing, and review of draw.io diagrams by managing .drawio XML files and ensuring consistent PNG conversions for presentations and documentation.

Core Features & Use Cases

  • Diagram creation and editing: Manage .drawio XML files and ensure consistent formatting.
  • PNG conversion and layout tweaks: Automate high-quality PNG exports from diagrams with layout alignment.
  • AWS icons and diagrams: Integrate AWS icons for AWS architecture diagrams.

Quick Start

Use the draw-io skill to convert a file assets/diagram.drawio to PNG with the script: scripts/convert-drawio-to-png.sh assets/diagram.drawio

Frequently Asked Questions about draw-io

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

FAQPage Schema
How do I convert a .drawio XML file to a PNG image?▼

To convert a .drawio XML file to PNG, use the convert-drawio-to-png.sh script to automate deterministic exports and generate high-quality PNG images for presentations. This requires the drawio CLI to execute the conversion locally.

Can I integrate AWS icons into draw.io diagrams for architecture presentations?▼

Yes, you can integrate AWS icons into draw.io diagrams to build AWS architecture diagrams. The skill applies these icons and adjusts layout alignment to ensure consistent formatting for documentation and presentations.

Do I need the drawio CLI installed to automate diagram layout and conversion?▼

Yes, the drawio CLI is required to automate diagram creation, editing, and PNG conversion. The local script set relies on this command-line interface to perform deterministic exports and coordinate image generation.

What is the best way to manage .drawio XML files for consistent formatting?▼

Managing .drawio XML files for consistent formatting involves automating creation and editing workflows through local scripts. This ensures diagram layout alignment and standardizes file outputs for documentation.

Why does my draw.io PNG conversion need a local script set?▼

A local script set is needed for draw.io PNG conversion to perform deterministic exports and coordinate image generation. The scripts manage the drawio CLI execution to ensure high-quality output for presentations.

Related Skills

Explore More Design & Creative Skills→
ThomasRohdeThomasRohde
2

DrawIO Diagram Creation

Generate valid DrawIO XML diagrams with mxGraph structure from structured input.

Community
Advanced
nathankoerschnernathankoerschner

slides

Create, edit, and export presentation decks with JavaScript and @oai/artifact-tool.

Community
Advanced
i9wa4i9wa4
11

draw-io

Edit .drawio diagram XML and export transparent 2x PNGs.

Community
Advanced
akiojinakiojin
8

drawio

Create and edit draw.io diagrams as XML with shapes, connectors, and PNG export.

Community
Intermediate