Meta tornou o Astryx open-source — sistema de design em React com suporte a agentes de AI e MCP

Meta lançou Astryx — um sistema de design React com código aberto, projetado desde o início para colaboração perfeita entre engenheiros e agentes de IA através de uma API unificada.

O que é

Astryx Astryx é construído sobre StyleX — uma biblioteca de estilos CSS estáticos que Meta vem desenvolvendo por vários anos. StyleX compila estilos no tempo de compilação em CSS atômico, o que elimina dependências de runtime desnecessárias e torna os componentes previsíveis. O sistema é baseado em uma cascata de variáveis CSS para tematização.

Cores, espaçamento, valores de border-radius e tipografia são definidos através de design tokens que podem ser sobrescritos em qualquer nível da árvore de componentes. Essa abordagem é familiar para desenvolvedores que trabalharam com Tailwind ou Radix Themes, mas Astryx adiciona uma camada de legibilidade de máquina. O projeto tem sido desenvolvido dentro da Meta por oito anos, evoluindo gradualmente de uma ferramenta interna para um produto público.

Atualmente está em Beta e disponível sob a licença MIT — sem restrições ao uso comercial.

CLI e

Servidor MCP como Componentes-Chave O que diferencia Astryx de outros sistemas de design é seu CLI integrado e servidor MCP. A maioria das bibliotecas de UI são distribuídas como um pacote npm com documentação: um desenvolvedor lê o README, seleciona um componente e escreve código. Astryx quebra esse padrão.

O CLI permite interação com o sistema a partir do terminal: instalar componentes, atualizar tokens, gerar templates de código. Um servidor MCP (Model Context Protocol) abre as mesmas capacidades para agentes de IA — Claude, GPT ou qualquer outra ferramenta que suporte o protocolo recebe acesso à API e documentação do sistema de forma legível por máquina. A consequência-chave: engenheiros e agentes trabalham com os mesmos comandos, recebem componentes idênticos e seguem as mesmas diretrizes de design.

Não há um "modo agente" separado — um único sistema, compreensível para ambos.

• CLI: instalar componentes, gerar código, atualizar temas diretamente do terminal Servidor MCP: acesso legível por máquina à API e documentação para agentes de IA Variáveis CSS: agentes mudam temas da mesma forma que designers — através de tokens API unificada: um único ponto de entrada para humanos e agentes Licença MIT: sem restrições, pode ser usada em produtos comerciais ## Por Que Isso Está Acontecendo Agora Model Context Protocol cresceu ao longo dos últimos meses do padrão experimental da Anthropic para um protocolo de facto para conectar agentes de IA a ferramentas externas. GitHub Copilot, Cursor, Claude Code e dezenas de outras ferramentas já suportam MCP. A maioria dos produtos existentes recebe integração MCP sobre sua arquitetura existente — como um plugin adicionado retroativamente. Meta tomou um caminho diferente: em Astryx, MCP é integrado desde o início, em pé de igualdade com CLI e StyleX. Isso torna a integração mais limpa e previsível para agentes, que não gostam de workarounds. Para equipes que já usam geração de código por IA, isso significa a possibilidade de delegar a um agente não apenas a escrita de linhas de código, mas também a seleção de componentes, configuração de temas e verificação de conformidade com diretrizes — tudo dentro de uma única ferramenta.

O

Que Isso Significa Astryx é um sinal sobre a direção na qual os sistemas de design estão se movendo. A próxima geração de bibliotecas de UI será projetada com a suposição de que seu leitor principal será um agente, não apenas um desenvolvedor. Meta, com oito anos de prática interna e sua própria infraestrutura de IA, deu este passo primeiro. *Meta é reconhecida como uma organização extremista e é proibida na Federação Russa.