draw-io — скилл для Claude Code: диаграммы draw.io из XML

Что делает draw-io

Скилл ведёт работу с диаграммами draw.io прямо из агента: создание, правка и разбор. Он редактирует только .drawio файлы, а .drawio.png трогать не даёт — картинки собираются автоматически, например хуком pre-commit в слайдах. Внутри есть скрипт конвертации scripts/convert-drawio-to-png.sh, который вызывает drawio -x -f png -s 2 -t -o output.drawio.png input.drawio: масштаб 2x и прозрачный фон.

Раскладка правится руками по координатам. Открываете .drawio как обычный XML, ищете нужный mxCell по атрибуту value, меняете x, y, width и height в mxGeometry, потом гоняете конвертацию и смотрите на PNG. Для выравнивания считают центр элемента как y + (height / 2). Отдельная головная боль — стрелки и подписи: у текстовых элементов exitX/exitY не работают, поэтому точки выхода задают явными координатами через sourcePoint и targetPoint, а подпись отодвигают атрибутом offset.

Есть и правила оформления: убрать background="#ffffff" ради прозрачности, ставить стрелки на задний слой сразу после заголовка, держать зазор не меньше 20px от подписи до конца стрелки. Для японского текста советует закладывать 30–40px на символ, иначе строки ломаются не там, где надо. Внутри лежат справочники по раскладке и иконкам AWS плюс скрипт поиска иконки scripts/find_aws_icon.py. Часть про контрольный список в исходнике обрывается, так что полноту проверок по ней не обещаю.