Qu'est-ce qu'Astryx ?

Astryx est le système de design open source de Meta, construit sur React et StyleX. Il comprend des composants accessibles, des thèmes au niveau de la marque, des modèles, le mode sombre, ainsi qu'une documentation CLI et MCP. Le système est conçu pour s'adapter à votre flux de travail plutôt que de vous forcer à vous y adapter, offrant des chemins de personnalisation à la fois pour les développeurs humains et les agents IA.

À qui s'adresse-t-il ?

• Ingénieurs design — qui souhaitent une bibliothèque de composants prête pour la production, avec accessibilité et thématisation intégrées.
• Équipes produit — qui ont besoin d'un système d'interface utilisateur cohérent et personnalisable, livré rapidement sans sacrifier la qualité.
• Créateurs d'outils IA — qui veulent une documentation prête pour les agents et un support CLI/MCP pour l'échafaudage et la génération de thèmes.

Fonctionnalités clés

Plus de 160 composants accessibles

Astryx est livré avec une vaste bibliothèque de composants React accessibles par défaut. Chaque composant inclut un espacement intégré, la prise en charge du mode sombre et un style flexible via StyleX, vous permettant de vous concentrer sur la construction plutôt que de réinventer les motifs d'interface.

Thématisation au niveau de la marque

Le système propose des thèmes entièrement personnalisables que vous pouvez adapter à votre marque sans repartir de zéro. Les thèmes sont conçus pour être échangés, étendus ou remplacés, vous offrant un langage visuel cohérent sur l'ensemble de votre produit.

Support CLI et MCP pour les agents IA

Astryx est conçu pour le flux de travail de développement moderne. Vous pouvez échafauder des projets, parcourir des modèles, générer des thèmes et accéder à une documentation prête pour les agents directement depuis la ligne de commande ou via MCP (Model Context Protocol). Cela facilite l'intégration avec les assistants de codage IA.

Mode sombre prêt à l'emploi

Chaque composant et thème d'Astryx prend en charge le mode sombre de manière native. Aucune configuration supplémentaire ni dépendance tierce n'est nécessaire — il suffit de basculer le thème et l'ensemble du système s'adapte.

Ce qui se démarque

Un système de design que votre agent peut utiliser.

Astryx est l'un des premiers systèmes de design open source à traiter les agents IA comme des utilisateurs de première classe. En fournissant des outils CLI et une documentation compatible MCP, il permet aux développeurs d'échafauder des pages entières, de générer des thèmes et de parcourir des composants sans quitter le terminal. Cela transforme l'adoption du système de design d'un flux de travail manuel de copier-coller en un flux automatisé et piloté par des invites.

À considérer si…

Vous construisez une application React et souhaitez un système de design open source, accessible et thématisable — mais aussi prêt pour l'avenir du développement assisté par IA. Si vous appréciez la prise en charge du mode sombre, une vaste bibliothèque de composants et la possibilité de tout personnaliser sans lutter contre le framework, Astryx mérite un examen attentif.