O que é o Astryx?

O Astryx é o sistema de design de código aberto da Meta, construído sobre React e StyleX. Ele inclui componentes acessíveis, temas de nível de marca, modelos, modo escuro e documentação para CLI/MCP. O sistema foi projetado para se adaptar ao seu fluxo de trabalho, em vez de forçá-lo a se adaptar a ele, oferecendo caminhos de personalização tanto para desenvolvedores humanos quanto para agentes de IA.

Para quem é

• Engenheiros de design — que desejam uma biblioteca de componentes pronta para produção com acessibilidade e temas integrados.
• Equipes de produto — que precisam de um sistema de UI consistente e personalizável que seja entregue rapidamente sem sacrificar a qualidade.
• Criadores de ferramentas de IA — que buscam documentação pronta para agentes e suporte a CLI/MCP para estruturar e gerar temas.

Principais recursos

Mais de 160 componentes acessíveis

O Astryx vem com uma grande biblioteca de componentes React que são acessíveis por padrão. Cada componente inclui espaçamento integrado, suporte a modo escuro e estilização flexível através do StyleX, permitindo que você se concentre em construir em vez de reinventar padrões de UI.

Temas de nível de marca

O sistema oferece temas totalmente personalizáveis que você pode adaptar à sua marca sem começar do zero. Os temas são projetados para serem trocados, estendidos ou substituídos, proporcionando uma linguagem visual consistente em todo o seu produto.

Suporte a CLI e MCP para agentes de IA

O Astryx foi construído para o fluxo de trabalho moderno de desenvolvimento. Você pode estruturar projetos, navegar por modelos, gerar temas e acessar documentação pronta para agentes diretamente da linha de comando ou através do MCP (Model Context Protocol). Isso facilita a integração com assistentes de codificação de IA.