Создавайте визуальные блок-схемы, диаграммы архитектуры и карты системы в формате SVG/PNG. Используйте, когда пользователь запрашивает блок-схемы, диаграммы пользовательских потоков, диаграммы архитектуры, системные диаграммы, карты взаимодействия или любую визуальную диаграмму. Поддерживает механизм компоновки ELK JSON с автоматическим рендерингом в SVG.
Быстро установите AI-навык diagrams в вашу среду разработки через командную строку
Источник: tychohq/agent-skills.
Generate diagrams from structured JSON → SVG (and optionally PNG).
| id | string | Required. Unique identifier | | width | number | Node width in px (default 120) | | height | number | Node height in px (default 40) | | labels | array | [{text}] — used by ELK for layout calculation | | label | string | Display text rendered in SVG (supports emoji). Falls back to id | | color | string | Color key from palette (see below) |
| subtitle | string | Smaller text below the label | | fontSize | number | Label font size (default 13) | | children | array | Nested nodes — makes this a container | | containerColor | string | Color key for container background |
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/tychohq/agent-skills --skill diagramsСоздавайте визуальные блок-схемы, диаграммы архитектуры и карты системы в формате SVG/PNG. Используйте, когда пользователь запрашивает блок-схемы, диаграммы пользовательских потоков, диаграммы архитектуры, системные диаграммы, карты взаимодействия или любую визуальную диаграмму. Поддерживает механизм компоновки ELK JSON с автоматическим рендерингом в SVG. Источник: tychohq/agent-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/tychohq/agent-skills --skill diagrams После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/tychohq/agent-skills