Sistema de design compatível com inteligência artificial
Desenvolvido pela Meta, o Astryx oferece um sistema de design totalmente customizável e compatível com agentes de inteligência artificial. Esta biblioteca de código aberto baseada em TypeScript configura componentes de interface para uso de sistemas autônomos.
Atualizações
- 24 de outubro de 2026: Estrelas 13,728 → 13,735, versão mais recente v0.7.4 (23 de outubro de 2026).
- 23 de outubro de 2026: Estrelas 13,718 → 13,728, versão mais recente v0.7.3 (22 de outubro de 2026).
- 22 de outubro de 2026: Estrelas 13,678 → 13,718, versão mais recente v0.7.2 (21 de outubro de 2026).
- 16 de outubro de 2026: Estrelas 13,630 → 13,678, versão mais recente v0.7.1 (15 de outubro de 2026).
O que você ganha
- Mais de 150 componentes acessíveis
- API compatível com assistentes de IA
- Estrutura flexível sem restrições de estilo
Instalação
# npm
npm install @astryxdesign/core @astryxdesign/theme-neutral
npm install -D @astryxdesign/cli
# pnpm
pnpm add @astryxdesign/core @astryxdesign/theme-neutral
pnpm add -D @astryxdesign/cli
# yarn
yarn add @astryxdesign/core @astryxdesign/theme-neutral
yarn add -D @astryxdesign/cliSe você não programa
Quero criar um componente de interface usando o sistema de design Astryx. Como posso estruturar componentes no pacote @astryxdesign/core sem quebrar os métodos de estilo que já estou usando em meu projeto? Quais são os métodos padrão que devo seguir para personalizar componentes e acessar documentação ou modelos usando a ferramenta CLI?
Repositório: https://github.com/facebook/astryx. Baseie-se nas instruções oficiais no arquivo README deste repositório para a instalação e execução.
Antes de começar, verifique em qual sistema operacional estamos e se as ferramentas necessárias (ex: Python, Node.js, Git, Docker) estão instaladas. Instale as que faltarem passo a passo de acordo com este sistema.
Crie uma pasta nova e vazia para trabalhar. Não toque em arquivos fora desta pasta e não exclua nada. Antes de executar cada comando, diga o que você vai fazer em uma frase.
Diga-me o que devo ver na tela ao final de cada etapa. Se ocorrer um erro, colarei a mensagem de erro para você exatamente como ela é, e vamos corrigi-la juntos.
Termos relacionados do glossário
Links
A TreScout não desenvolveu esta ferramenta · nós a encontramos nas tendências do GitHub e a apresentamos. Esta página descreve o repositório em 2026-07-01: A contagem de estrelas e o nosso texto são daquele dia, o repositório pode ter mudado desde então. Consulte o link do repositório para ver o estado atual. O texto de apresentação foi preparado com IA a partir da própria documentação do repositório e esta página foi traduzida automaticamente do original em turco · a versão turca é a que vale.