Guidelines and best practices for creating draw.io diagrams with proper formatting, font handling, and layout rules. Use when creating or editing .drawio files, generating architecture diagrams, or working with draw.io XML format. Ensures high-quality PNG output with correct Japanese text rendering and professional appearance.
Install
npx skills add allllllllez/dotfiles --skill drawionpx skills add allllllllez/dotfiles --skill drawio -a claude-code -gnpx skills add allllllllez/dotfiles --skill drawio -a codex -ggemini skills install https://github.com/allllllllez/dotfiles.git --path HOME/.claude/skills/drawiogh skill install allllllllez/dotfiles drawiogit clone --depth 1 https://github.com/allllllllez/dotfiles /tmp/allllllllez__dotfiles
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/allllllllez__dotfiles/HOME/.claude/skills/drawio ~/.claude/skills/drawio # Claude Code
cp -R /tmp/allllllllez__dotfiles/HOME/.claude/skills/drawio ~/.agents/skills/drawio # Codex, Cursor, Gemini CLI, Copilot, OpenCode