Генерация SVG-диаграмм и схем архитектуры

★ 7.3 · design

baoyu-diagram — это скилл для Claude Code, который генерирует профессиональные standalone SVG-диаграммы любого типа: архитектурные схемы, блок-схемы, диаграммы последовательности, структурные диаграммы (ER, UML), mind maps, временные шкалы, диаграммы состояний и потоков данных. Каждый SVG-файл полностью самодостаточен — включает встроенные стили, шрифт JetBrains Mono через @font-face и фоновую сетку на базе #0f172a. Дизайн-система содержит 8 семантических цветовых категорий (cyan, emerald, violet, amber, rose, orange, slate, blue) и строгие правила расстановки элементов: z-order из 8 слоёв с opaque-маскирующими прямоугольниками, чтобы полупрозрачные блоки корректно перекрывали стрелки. Подходит разработчикам и архитекторам, которым нужно визуализировать системную архитектуру, процессный поток или структуру данных прямо в рабочем процессе Claude Code.