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

★ 7.3 · design

baoyu-diagram is a Claude Code skill that generates professional, self-contained SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams (ER, UML, org charts), mind maps, timelines, state machines, and data flow diagrams. Every output is a single standalone .svg file with embedded styles, JetBrains Mono via @font-face, and a subtle grid background on #0f172a dark slate. The built-in design system defines 8 semantic color categories (cyan for frontend, emerald for backend, violet for storage, amber for infrastructure, and more) and enforces an 8-layer z-order with opaque masking rectangles so semi-transparent component boxes always render correctly over arrows. Developers and architects can trigger it with plain English requests, diagram type keywords, or Chinese prompts like "画个图" to visualize system architecture, process flows, or component relationships without leaving Claude Code.