Генерация учебных SVG-диаграмм в HTML

★ 7.1 · design

concept-diagrams — это скилл для Claude Code, который генерирует плоские минималистичные SVG-диаграммы образовательного стиля и упаковывает их в один самодостаточный HTML-файл, работающий в любом современном браузере без сервера и зависимостей. Скилл использует встроенную дизайн-систему с 9 цветовыми палитрами по 7 оттенков каждая, двумя фиксированными размерами шрифта и строгими правилами отступов — результат выглядит одинаково в светлом и тёмном режиме. Подходит для физических схем, биологических систем, анатомических срезов, архитектурных планов, жизненных циклов процессов, хаб-спок-интеграций и учебных графиков. Workflow: Claude выбирает тип диаграммы, компонует элементы по правилам системы, вставляет SVG в шаблон templates/template.html и сохраняет готовый .html-файл. Если нужны специализированные схемы инфраструктуры или рукописный стиль, рекомендуются связанные скиллы architecture-diagram или excalidraw.