A Meta liberou o seu design system com mais de 170 componentes de graça
O design system que a Meta moldou por 8 anos com os próprios engenheiros e designers, agora aberto com licença MIT. O comando que escreve o CLAUDE.md do projeto e o servidor que a sua IA consulta sozinha.
Sabe aquele problema de pedir um componente pra IA e ela inventar uma propriedade que não existe? Cara, isso tem nome agora. E tem solução.
A Meta abriu o design system que ela usou internamente por oito anos. Chama Astryx, está no ar em astryx.atmeta.com, e o repositório é o facebook/astryx: licença MIT, 12.549 estrelas, e o último commit foi hoje, enquanto eu escrevia isso.
Mas não foi o número de componentes que me fez parar. Foi a frase no topo do site: "fully customizable and agent ready". Pronto pra agente. Ou seja: eles construíram isso sabendo que quem ia escrever o código não era só gente. Era a IA também.
E eles fizeram o dever de casa.
O que é, sem enrolação
É um kit de peças de interface pra construir sistema: painel, dashboard, área de aluno, CRM, ferramenta interna. Botão, tabela, modal, menu, campo de formulário, calendário. Tudo já resolvido, acessível, no mesmo padrão.
Eu e a IA mapeamos o catálogo: hoje tem 232 páginas de componente no site. O programa que você instala declara um número menor, 163, porque agrupa as peças pequenas dentro da principal. Os dois estão certos, só medem coisas diferentes, e os dois passam de 170.
Enfim, é muita coisa pronta. E tem uma família que quase ninguém tem: os componentes de chat de IA. Balão de mensagem, campo de digitar, botão de ditado por voz, e até o bloco que mostra a IA usando uma ferramenta. Se você quer construir a interface de um assistente, está tudo lá.
A parte que mudou o meu dia
Aqui essa parada fica diferente de tudo que eu já te mostrei.
Você roda um comando e ele escreve, dentro do seu projeto, um arquivo com todas as regras de como usar aquele sistema. Esse arquivo é lido automaticamente pelo Claude Code, pelo Cursor, pelo Codex. É como se a biblioteca chegasse com um manual escrito pra IA, não pra você.
npx @astryxdesign/cli init --features agentsPedi pra IA rodar num projeto vazio. Levou segundos e criou um arquivo de 2.440 caracteres. Dentro dele tem o número de componentes, o passo a passo que a IA deve seguir antes de escrever qualquer tela, e uma lista de proibições diretas: não usar `<div>` solta, não cravar valor na mão, sempre usar as cores do tema.
Falta o resto desta edição
Inscrição única, uma vez só. Libera esta e todas as outras edições, e você recebe as próximas no e-mail assim que entrarem no ar.