Астрикс: Open Source дизайн-система Meta с более чем 150 компонентами, настраиваемая и готовая для AI-агентов
Meta открыла исходный код Astryx — дизайн-системы на основе React и StyleX, включающей более 150 компонентов. Сейчас она находится в бета-версии, но уже используется в более чем 13 000 внутренних приложений Meta и создавалась на протяжении восьми лет инженерами, дизайнерами и продуктовыми командами.
Ключевые возможности из источника
- Количество компонентов: более 150 доступных и настраиваемых компонентов React со встроенными отступами, тёмной темой и гибкими стилями.
- Поддержка CLI и MCP: создание проектов, просмотр шаблонов, генерация тем и получение документации, готовой для агентов, из командной строки или через протокол Model Context Protocol (MCP).
- Настраиваемая темизация: начните с готовых тем и адаптируйте их без необходимости начинать с нуля.
- Готовые к использованию шаблоны: шаблоны для типовых страниц — просто добавьте свой контент.
- Создано на StyleX: собственном CSS-in-JS решении Meta, также с открытым исходным кодом, обеспечивающем стилизацию без затрат во время выполнения.
Практические детали с сайта
На главной странице демонстрируется полноценный интерфейс электронной коммерции: управление запасами с фильтрами (категории, местоположения, теги), живой чат-агент для отслеживания заказов и возвратов, корзина покупок со способами доставки и панель доходов. Дизайн-система включает такие компоненты, как Badge, Checkbox, Switch, Buttons, Cards и другие — все они доступны в проводнике компонентов.
CLI можно использовать для генерации тем и создания проектов. Для интеграции агентов Astryx поддерживает MCP-сервер, позволяя AI-агентам просматривать компоненты, генерировать темы и получать документацию прямо из командной строки.
Astryx распространяется с открытым исходным кодом по разрешительной лицензии (MIT или аналогичной, уточните в репозитории). Проект доступен по адресу astryx.atmeta.com. Для начала работы установите пакет и запустите CLI:
npm install astryx
npx astryx init --template default
npx astryx theme generate --brand-color #3355FF
npx astryx agent setup --mcpЭти команды взяты из описания сайта; точный синтаксис может отличаться.
Для кого предназначено
Разработчики React-приложений, которым нужна проверенная дизайн-система с поддержкой AI-агентов для быстрого прототипирования и промышленного использования.
📖 Читать полный источник: HN AI Agents
👀 Смотрите также
InsForge: Самостоятельно размещаемый бэкенд на Postgres с интеграцией MCP для AI-агентов программирования
InsForge — это открытая, саморазмещаемая бэкенд-альтернатива Supabase, которая подключается к Claude Code через MCP, позволяя ИИ-агентам видеть схему, политики и состояние сервиса. Включает PostgreSQL 16.4, PostgREST, Deno Runtime, аутентификацию, хранилище и edge-функции.
Расширение браузера WeAreHere и инструменты MCP сканируют политики конфиденциальности веб-сайтов.
Два инструмента с открытым исходным кодом — barebrowse и wearehere — сканируют веб-сайты на наличие трекеров, снятия цифровых отпечатков и подключений к брокерам данных. Браузерное расширение wearehere показывает оценки приватности в реальном времени (0–100) во время просмотра, а серверы MCP позволяют ИИ-ассистентам оценивать любой сайт по команде.
git-courer: MCP-сервер, который заставляет AI-агентов писать правильные Git-коммит-сообщения
git-courer — это локальный MCP-сервер на Go, который перехватывает диффы от ИИ-агентов кодинга и преобразует их в структурированные, читаемые человеком сообщения коммитов с разделами WHY и WHAT.
Либретто: Детерминированная генерация автоматизации браузера для ИИ-агентов программирования
Libretto — это набор инструментов Skill+CLI, который позволяет AI-агентам для написания кода генерировать детерминированные скрипты автоматизации браузера в виде реального кода, уходя от использования AI-агентов во время выполнения. Он сочетает автоматизацию пользовательского интерфейса Playwright с прямыми сетевыми/API-запросами для надёжности и включает пошаговую отладку и режимы только для чтения.