Draw Io

This handles draw.io diagram files end to end: editing the XML directly, converting to PNG with transparent backgrounds at 2x scale, and managing font settings for Japanese text in Quarto slides. It's opinionated about workflow, treating drawio files as source and using pre-commit hooks to generate PNGs automatically. The real value is in the detailed coordinate adjustment guidance and the checklist for common mistakes like arrows overlapping labels or elements bleeding outside container boxes. It includes AWS icon search tooling and specific rules about layer ordering, which matters more than you'd think when arrows start disappearing behind boxes. If you're maintaining technical diagrams in a Git repo and tired of manual PNG exports, this codifies a lot of hard-won layout knowledge.

Install to Claude Code

npx -y skills add softaworks/agent-toolkit --skill draw-io --agent claude-code