Meta открыла Astryx — React-дизайн-систему с поддержкой AI-агентов и MCP

Meta выпустила Astryx — дизайн-систему на React с открытым кодом, которая с самого начала проектировалась для совместной работы инженеров и AI-агентов через единый API.

Что такое

Astryx Astryx построена поверх StyleX — библиотеки статических CSS-стилей, которую Meta разрабатывала несколько лет. StyleX компилирует стили на этапе сборки в атомарный CSS, что устраняет лишние зависимости в runtime и делает компоненты предсказуемыми. В основе системы — каскад CSS-переменных для тематизации. Цвета, отступы, радиусы скруглений и типографика задаются через дизайн-токены, которые можно переопределить на любом уровне дерева компонентов. Такой подход знаком разработчикам, работавшим с Tailwind или Radix Themes, но Astryx добавляет сверху слой машиночитаемости. Проект восемь лет развивался внутри Meta, постепенно превращаясь из внутреннего инструмента в публичный продукт. Сейчас он в стадии Beta и доступен по лицензии MIT — без ограничений на коммерческое использование.

CLI и MCP-сервер как ключевые компоненты

Главное, что выделяет Astryx среди других дизайн-систем, — встроенный CLI и MCP-сервер. Большинство UI-библиотек поставляются как npm-пакет с документацией: разработчик читает README, выбирает компонент и пишет код. Astryx разрывает этот порядок. CLI позволяет взаимодействовать с системой из терминала: устанавливать компоненты, обновлять токены, генерировать заготовки кода. MCP-сервер (Model Context Protocol) открывает те же возможности для AI-агентов — Claude, GPT или любой другой инструмент с поддержкой протокола получает доступ к API и документации системы в машиночитаемом виде. Ключевое следствие: инженер и агент работают по одним командам, получают одинаковые компоненты и соблюдают единые design guidelines. Нет отдельного «агентского» режима — одна система, понятная обоим.

• CLI: установка компонентов, генерация кода, обновление тем прямо из терминала MCP-сервер: машиночитаемый доступ к API и документации для AI-агентов CSS-переменные: агент меняет тему так же, как дизайнер — через токены Единый API: одна точка входа для человека и для агента MIT-лицензия: без ограничений, можно использовать в коммерческих продуктах ## Почему это происходит именно сейчас Model Context Protocol за последние месяцы вырос из экспериментального стандарта Anthropic в де-факто протокол для подключения AI-агентов к внешним инструментам. GitHub Copilot, Cursor, Claude Code и десятки других инструментов уже поддерживают MCP. Большинство существующих продуктов получают MCP-интеграцию поверх готовой архитектуры — как плагин, добавленный задним числом. Meta пошла по другому пути: в Astryx MCP встроен изначально, наравне с CLI и StyleX. Это делает интеграцию чище и предсказуемее для агентов, которые не любят обходные пути. Для команд, которые уже используют AI-кодогенерацию, это означает возможность делегировать агенту не просто написание строк, но и выбор компонентов, настройку темы и проверку соответствия гайдлайнам — всё в рамках одного инструмента.

Что это значит Astryx — сигнал о направлении, в котором движутся дизайн-системы.

Следующее поколение UI-библиотек будет проектироваться с расчётом на то, что их основным читателем окажется агент, а не только разработчик. Meta с восемью годами внутренней практики и собственной AI-инфраструктурой сделала этот шаг первой. *Meta признана экстремистской организацией и запрещена в РФ.