# diagram-design

> Схемы и диаграммы в HTML, SVG и PNG. Архитектура, блок-схемы, последовательности, Санки, Гант, карты Уордли и ещё три десятка форм; перерисовывает draw.io, Mermaid и Excalidraw.

- Автор: Cathryn Lavery (https://github.com/cathrynlavery)
- Источник: https://github.com/cathrynlavery/diagram-design (папка skills/diagram-design)
- Коммит: 550fd66edff0 от 2026-10-16
- Лицензия: MIT
- Агенты: Claude Code, Codex
- Звёзды репозитория: 60645 на 2026-10-24 (у всего репозитория, не только у скилла)
- Задачи: Схемы и диаграммы
- Для кого: разработчику, аналитику, продакту, руководителю
- Уровень проверки: код разобран. Автоматически разобрали код на закреплённом коммите. На задачах скилл ещё не испытывали.

## Зачем он мне

Беру, когда схема нужна в документ или на сайт. На выходе чистый HTML, SVG
и PNG в нейтральном оформлении, а старую схему из draw.io, Mermaid или
Excalidraw он перерисовывает сам. Под свою палитру настраивается профилем,
править сам скилл не нужно.

Не брать, если схему потом будут двигать руками в редакторе: это код,
в Miro её не перетащишь. С русскими подписями я его отдельно не проверял.

## Что делает с машиной (автоматический разбор 2026-10-19, 287 файлов)

- Запускает команды: не нашли. Вызовов оболочки нет ни в одном из 6 файлов с кодом.
- Ходит в сеть: не нашли. Сетевых вызовов с адресами в коде нет.
- Трогает файлы вне папки: не нашли. Путей к домашней и системным папкам в коде нет.

Разбор ищет по шаблонам и не доказывает безопасность. На задачах скилл ещё не прогоняли.

## Установка

Ставь оригинал с закреплённого коммита и ничего в него не дописывай. Claude Code — ~/.claude/skills/diagram-design, Codex — ~/.codex/skills/diagram-design.

Вручную (ставит закреплённый коммит):

```
git clone https://github.com/cathrynlavery/diagram-design /tmp/diagram-design
git -C /tmp/diagram-design checkout 550fd66edff0
mkdir -p ~/.claude/skills && cp -R /tmp/diagram-design/skills/diagram-design ~/.claude/skills/diagram-design
# Codex:
mkdir -p ~/.codex/skills && cp -R /tmp/diagram-design/skills/diagram-design ~/.codex/skills/diagram-design
```

npx skills (ставит последнюю версию автора, а не проверенную):

```
npx skills add cathrynlavery/diagram-design --skill diagram-design
```

Оригинал инструкции: https://github.com/cathrynlavery/diagram-design/blob/550fd66edff0/skills/diagram-design/SKILL.md

Человеческая версия: https://skilldeck.ru/skills/diagram-design