X5 Tech: MCP-сервер дизайн-системы для ИИ-агентов вёрстки
Описание проекта
MCP-сервер даёт агентам знание о реальной дизайн-системе проекта и поддерживает три платформы — React, Jetpack Compose и SwiftUI. Парсер вытаскивает структуру компонента (пропсы, типы, зависимости) из исходников, препроцессор генерирует человекочитаемые описания, переводя семантику кода в язык задач, затем описания эмбеддятся и индексируются в ChromaDB. Агенту доступны семь инструментов: getProject, getGuidelines, findComponent, searchComponents, getComponent, getTheme, getIcons. Процесс запускается вебхуком на мердж кода с инкрементальным парсингом только изменённых файлов. Работает в связке с Figma MCP: прототип даёт визуальную структуру, DS MCP — реальные компоненты.
Вендор и технология: X5 Tech, DS MCP на Node.js с векторной базой ChromaDB.
Задача
ИИ-агенты генерируют UI-код, не зная дизайн-системы проекта, и придумывают несуществующие компоненты. Разработчику приходится вручную переписывать сгенерированный код под реальную кодовую базу.
Цели внедрения
-
Дать агенту знание о реальных компонентах дизайн-системы
-
сократить расход токенов на контекст
-
ускорить вёрстку экранов
-
поддержать React, Jetpack Compose и SwiftUI
-
обновлять индекс автоматически по мерджу
Результаты
-
Результаты
-
Расход 15–18 тыс. токенов вместо 40–50 тыс. без оптимизации
-
один экран — с 8 часов до 2–3 часов (сокращение на 68%)
-
команда из 3 человек — с 3 до 10 экранов в день (ускорение в 3,2 раза)
-
команда из 30 человек — с 30 до 100 экранов в день
-
качество итогового кода идентично Нагрузка и масштаб
-
Команды от 3 до 30 человек, три платформы Сроки
-
Публикация 08.07.2026