diagram-design

★ 7.7 · design

diagram-design — это скилл для Claude Code, который создаёт технические и продуктовые диаграммы в виде самодостаточных HTML-файлов со встроенным SVG и CSS. Поддерживает 13 типов: архитектура, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, nested, tree, layer stack, venn и pyramid. Перед первой генерацией скилл запускает onboarding-gate: предлагает подтянуть цвета и шрифты с сайта проекта, принять токены вручную или оставить дефолтную тему (stone + rust). Каждый тип диаграммы опирается на собственный файл соглашений из папки `references/`, который загружается только при выборе нужного типа — это сокращает лишний контекст и задаёт layout-конвенции и анти-паттерны. Подходит командам, которым нужны диаграммы архитектуры систем, схемы бизнес-процессов или технические визуализации в едином фирменном стиле.