Draw Io

This is for teams working with draw.io diagrams as code, especially in docs or presentation pipelines. It handles direct XML editing of .drawio files, automated PNG conversion via pre-commit hooks, and precise layout control through coordinate manipulation. The skill includes AWS icon support with search utilities, font configuration for multi-language slides, and detailed guidance on element layering to prevent visual overlaps. What stands out is the pragmatic checklist approach: it doesn't just explain the XML structure, it gives you margin calculations, arrow placement rules, and specific gotchas like Japanese text width requirements. If you're generating or maintaining diagrams in CI/CD rather than clicking around in a GUI, this codifies the tedious parts.

Install to Claude Code

npx -y skills add davila7/claude-code-templates --skill draw-io --agent claude-code