Платформа Bolt (StackBlitz) представила Design System Agent — специализированного ИИ-агента, который решает главную боль фронтенд-разработки: разрыв между макетами и реальным кодом. Инструмент построен на базе Claude Agent SDK и умеет собирать разрозненные данные из Figma, Storybook, GitHub и документации в единый контекст.

Как это работает

Обычно дизайн-система живет «кусками»: токены в npm-пакетах, компоненты в Storybook, а логика в Notion. Агент Bolt за один проход индексирует все эти источники и создает унифицированную базу знаний.

Это позволяет вайбкодерам и разработчикам генерировать интерфейсы, которые не просто «похожи» на дизайн, а используют реальные компоненты и токены вашей компании. По заявлению Bolt, уже более 10 000 команд интегрировали свои дизайн-системы в платформу.

Технические детали и эффективность

• Стек: Агент использует Claude Agent SDK от Anthropic.
• Производительность: Достигнута эффективность кэширования около 90%. Это критично для больших энтерпрайз-систем с тысячами токенов и сотнями компонентов — агент не перечитывает всю документацию с нуля при каждом запросе.
• Автономность: Генерация происходит за один запуск (single autonomous run) без необходимости ручной донастройки промптов на каждом шаге.

Что это значит для вайбкодеров

Для тех, кто привык собирать продукты на Cursor или Windsurf, это важный сигнал. Bolt превращает дизайн-систему из «справочника» в активное ограничение (active constraint) для ИИ.

Теперь при генерации страницы нейронка не будет выдумывать свои отступы или цвета — она обязана использовать импорты из вашей библиотеки. Это фактически стирает грань между прототипом и финальным артефактом: код, который выдает агент, можно сразу пушить в продакшн без долгого рефакторинга стилей.