¿Qué es Astryx?

Astryx es el sistema de diseño de código abierto de Meta, construido sobre React y StyleX. Incluye componentes accesibles, temas a nivel de marca, plantillas, modo oscuro y documentación para CLI/MCP. El sistema está diseñado para adaptarse a tu flujo de trabajo en lugar de obligarte a adaptarte a él, ofreciendo rutas de personalización tanto para desarrolladores humanos como para agentes de IA.

Para quién es

• Ingenieros de diseño — que quieran una biblioteca de componentes lista para producción con accesibilidad y tematización integradas.
• Equipos de producto — que necesiten un sistema de interfaz de usuario consistente y personalizable que se lance rápido sin sacrificar calidad.
• Creadores de herramientas de IA — que busquen documentación preparada para agentes y soporte CLI/MCP para estructurar y generar temas.

Características principales

Más de 160 componentes accesibles

Astryx incluye una amplia biblioteca de componentes React que son accesibles por defecto. Cada componente cuenta con espaciado integrado, soporte para modo oscuro y estilos flexibles mediante StyleX, para que puedas centrarte en construir en lugar de reinventar patrones de interfaz.

Temas a nivel de marca

El sistema viene con temas completamente personalizables que puedes adaptar a tu marca sin empezar desde cero. Los temas están diseñados para intercambiarse, ampliarse o sobrescribirse, ofreciéndote un lenguaje visual consistente en todo tu producto.

Soporte CLI y MCP para agentes de IA

Astryx está diseñado para el flujo de trabajo de desarrollo moderno. Puedes estructurar proyectos, explorar plantillas, generar temas y acceder a documentación preparada para agentes directamente desde la línea de comandos o mediante MCP (Protocolo de Contexto de Modelo). Esto facilita la integración con asistentes de codificación de IA.