Содержание
Что такое Astryx и зачем дизайн-системе поддержка AI-агентов
Meta* открыла исходный код Astryx — своей крупнейшей внутренней дизайн-системы, которая развивалась восемь лет и используется более чем в 13 тысячах приложений компании. Проект вышел в бета-версии под лицензией MIT и теперь доступен внешним командам.
Что входит в Astryx
В наборе более 160 доступных React-компонентов, готовые шаблоны страниц, тёмный режим и семь настраиваемых тем. Внешний вид меняется через CSS-переменные, поэтому брендовые цвета, типографику, скругления и анимации можно адаптировать без переписывания самих компонентов.
Astryx работает с React 19 и поставляется с готовым CSS. Разработчики могут использовать Tailwind, CSS Modules или обычный CSS, а при необходимости — извлечь исходный код отдельного компонента в свой проект и полностью управлять им.
Почему систему называют agent-ready
Документация, API и правила именования сделаны предсказуемыми не только для людей, но и для AI-ассистентов. Командная строка Astryx умеет показывать документацию компонентов, создавать проекты по шаблонам, генерировать темы и запускать миграции. Те же материалы доступны агентам через MCP, поэтому они могут опираться на актуальные правила системы, а не угадывать структуру интерфейса.
Кому это пригодится
Для продуктовых команд и агентств Astryx может стать быстрым стартом для кабинетов, таблиц, форм и внутренних сервисов. Единый набор компонентов снижает риск того, что AI-агент соберёт визуально разрозненный интерфейс или забудет про базовую доступность. При этом проект пока находится в бете, поэтому перед внедрением в критичные продукты стоит проверить совместимость и стабильность нужных компонентов.
Для креаторов и небольших команд релиз особенно интересен как готовая основа для вайб-кодинга: можно задать тему бренда, выбрать шаблон и поручить AI-агенту собирать страницы в рамках одной дизайн-системы.
* Meta Platforms Inc. признана экстремистской организацией и запрещена на территории РФ.