draw-io
CommunityAutomate draw.io diagram creation and review.
Authori9wa4
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps create, edit, and review draw.io diagrams programmatically, including editing the underlying XML, converting to PNG, and applying layout and AWS icon usage guidelines to keep diagrams consistent across slides and docs.
Core Features & Use Cases
- XML-based editing: Edit only .drawio files; avoid touching generated PNGs.
- PNG conversion: Convert .drawio to high-resolution PNGs for presentations.
- Layout & design rules: Apply font, color, and icon guidelines for consistent visuals.
- Use case: Convert a set of diagrams to PNGs for a slide deck or documentation.
Quick Start
Run the conversion script on a diagram file, for example: bash dot.config/claude/skills/draw-io/scripts/convert-drawio-to-png.sh assets/my-diagram.drawio
Dependency Matrix
Required Modules
drawiogitjqpython3
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: draw-io Download link: https://github.com/i9wa4/dotfiles/archive/main.zip#draw-io Please download this .zip file, extract it, and install it in the .claude/skills/ directory.