Meta a lancé Astryx, un système de design open-source en phase Beta. Ce projet a été développé au cours des huit dernières années au sein du monorepo de Meta. Construit sur React et utilisant StyleX, le moteur CSS de Meta, Astryx vise à simplifier le processus de conception pour les développeurs.
Astryx propose une bibliothèque de composants complète comprenant des éléments fondamentaux, des modèles et des thèmes. Avec plus de 90 composants React documentés et des modèles supplémentaires pour diverses applications, il met l'accent sur l'accessibilité, la typographie et les palettes de couleurs. Il utilise également un espacement automatique pour résoudre les problèmes de mise en page courants, améliorant ainsi l'utilisabilité.
Une des caractéristiques remarquables d'Astryx est sa compatibilité avec les agents IA. Le système comprend une interface en ligne de commande (CLI) et un serveur Model Context Protocol (MCP), permettant aux outils IA de créer et de documenter efficacement les interfaces utilisateur. La CLI fournit un manifeste JSON structuré, simplifiant les tâches d'automatisation pour les développeurs.
De plus, Astryx propose dix thèmes personnalisables, permettant aux utilisateurs d'ajuster les styles de manière dynamique grâce à une cascade de variables CSS. Cette flexibilité garantit que les modifications de conception peuvent être effectuées sans altérer directement le code des composants. Dans l'ensemble, Astryx représente une avancée significative dans les systèmes de design open-source, alliant fonctionnalité robuste et préparation à l'IA.