cathrynlavery/diagram-design

Инструмент для разработчиков и дизайнеров, которые хотят получать аккуратные диаграммы от AI-агента без ручной правки. Это навык (Agent Skill), который превращает текстовый запрос в готовый HTML-файл с SVG-диаграммой в вашем фирменном стиле.

Ключевые возможности

• 45 типов диаграмм: архитектурные, последовательности, квадранты и другие
• Результат — один самодостаточный HTML+SVG файл, открывается двойным кликом
• Агент сам выбирает тип диаграммы и озвучивает план перед отрисовкой
• Поддержка фирменного стиля: онбординг подтягивает палитру и шрифты с вашего сайта
• Импорт из draw.io, Mermaid и Excalidraw
• Экспорт в PNG и SVG

Для каких задач подходит

• Быстрое создание архитектурных схем приложения по текстовому описанию
• Визуализация бизнес-процессов и последовательностей вызовов для документации
• Построение квадрантов и матриц для приоритизации задач
• Приведение диаграмм к единому фирменному стилю компании
• Импорт существующих диаграмм из draw.io или Mermaid для перерисовки

Подробнее

diagram-design — это навык для AI-агентов (Agent Skills), который работает с Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid и Pi. Вы описываете диаграмму словами, агент выбирает подходящий тип из 45 доступных, сообщает план и генерирует один HTML-файл, содержащий SVG-графику. Файл самодостаточен: его можно открыть в браузере без дополнительных зависимостей. В отличие от решений на основе Mermaid, здесь нет теней и «слопа» — акцент на редакционном дизайне, который не стыдно показать дизайнеру.

Ключевая особенность — адаптация под бренд. Команда онбординга позволяет агенту извлечь палитру и шрифты с указанного сайта, чтобы все последующие диаграммы соответствовали фирменному стилю. Также поддерживается импорт из draw.io, Mermaid и Excalidraw, что упрощает миграцию существующих схем. Экспорт возможен в PNG и SVG.

Стоит обратить внимание, что инструмент не является самостоятельным приложением — это именно навык для агента, поэтому требуется совместимый хост. Лицензия MIT разрешает коммерческое использование. Проект активно развивается, о чём говорит большое количество звёзд и форков.