Meta выпустила Astryx — open-source дизайн-систему с CLI и MCP-сервером для ИИ-агентов

Meta выпустила Astryx — open-source дизайн-систему на React и StyleX, которая сейчас в бета-версии. Проект рос внутри Meta восемь лет и теперь доступен публично под лицензией MIT. Astryx включает более 90 React-компонентов (на сайте Meta — свыше 150), а также готовые шаблоны страниц: дашборды, настройки, формы.

Ключевая особенность — поддержка ИИ-агентов. Astryx поставляется с CLI и MCP-сервером (Model Context Protocol). Агенты могут через CLI получать машинно-читаемый манифест в JSON — полное описание всех команд, аргументов и типов ответов. Это избавляет от необходимости парсить --help. Также компоненты содержат JSDoc-аннотации с подсказками по композиции.

Система включает 10 готовых тем: default, neutral, daily, butter, chocolate, matcha, stone, gothic, brutalist и y2k. Темизация работает через CSS-переменные — меняешь переменные, и все компоненты перестилизуются без изменения кода. Стилизация построена на StyleX — компилируемом CSS-движке Meta, который уже используется в Facebook, Instagram, WhatsApp и Threads, а также внешними компаниями вроде Figma и Snowflake.

Из интересных дизайн-решений: все примитивы экспортируются и доступны для композиции на любом уровне, а отступы автоматически компенсируются (context-aware spacing compensation), что устраняет проблему двойных паддингов. Astryx уже протестирован в продакшене Meta, но как публичный проект пока молод.