Диаграммы архитектуры систем в HTML и SVG

★ 7.7 · design

architecture-diagram — это скилл для Claude Code, который создаёт профессиональные диаграммы архитектуры систем в виде самостоящих HTML-файлов со встроенной SVG-графикой и CSS-стилями. Скилл использует строгую дизайн-систему: тёмный фон (#020617), шрифт JetBrains Mono, семантическую цветовую палитру для семи типов компонентов (frontend, backend, database, AWS/Cloud, security, message bus, external) и чёткие правила отступов и порядка отрисовки. Поддерживает визуализацию облачной инфраструктуры, сетевой топологии, кластеров Kubernetes, микросервисов, групп безопасности и границ регионов. В комплекте — шаблон assets/template.html с viewBox 1000×680, паттерны компонентных блоков, стрелок, легенды и информационных карточек. Подходит для команд разработки и архитекторов, которым нужно задокументировать и наглядно представить техническую инфраструктуру.