Sistema de diseño compatible con inteligencia artificial.
Desarrollado por Meta, Astryx ofrece un sistema de diseño totalmente personalizable y compatible con agentes de inteligencia artificial. Esta biblioteca de código abierto basada en TypeScript configura componentes de interfaz para el uso de sistemas autónomos.
Actualizaciones
- 24 de octubre de 2026: Estrellas 13,728 → 13,735, última versión v0.7.4 (23 de octubre de 2026).
- 23 de octubre de 2026: Estrellas 13,718 → 13,728, última versión v0.7.3 (22 de octubre de 2026).
- 22 de octubre de 2026: Estrellas 13,678 → 13,718, última versión v0.7.2 (21 de octubre de 2026).
- 16 de octubre de 2026: Estrellas 13,630 → 13,678, última versión v0.7.1 (15 de octubre de 2026).
Qué aporta
- Más de 150 componentes accesibles
- API compatible con asistentes de IA
- Estructura flexible sin restricciones de estilo.
Instalación
# 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/cliSi no programa
Quiero crear un componente de interfaz usando el sistema de diseño Astryx. ¿Cómo puedo estructurar componentes en el paquete @astryxdesign/core sin romper los métodos de estilo que ya estoy usando en mi proyecto? ¿Cuáles son los métodos estándar que debo seguir para personalizar componentes y acceder a documentación o plantillas utilizando la herramienta CLI?
Repositorio: https://github.com/facebook/astryx. Sigue las instrucciones oficiales del archivo README de este repositorio para la instalación y ejecución.
Antes de empezar, comprueba en qué sistema operativo estamos y si las herramientas necesarias (ej. Python, Node.js, Git, Docker) están instaladas. Instala las que falten paso a paso según este sistema.
Crea una carpeta nueva y vacía para trabajar. No toques ningún archivo fuera de esta carpeta y no borres nada. Antes de ejecutar cada comando, dime qué vas a hacer en una frase.
Dime qué debería ver en la pantalla al final de cada paso. Si ocurre un error, te pegaré el mensaje de error tal cual y lo solucionaremos juntos.
Términos relacionados del glosario
Enlaces
TreScout no desarrolló esta herramienta · la encontramos en las tendencias de GitHub y la presentamos. Esta página describe el repositorio tal como estaba el 2026-07-01: El número de estrellas y nuestro texto son de ese día, el repositorio puede haber cambiado desde entonces. Consulte el enlace del repositorio para ver el estado actual. El texto de presentación se preparó con IA a partir de la propia documentación del repositorio y esta página se tradujo automáticamente del original en turco · prevalece la versión turca.