Astryx de Meta rend les systèmes de design React accessibles à l’IA
Meta a open-sourcé Astryx, un système de design React conçu pour StyleX, son moteur CSS de compilation. Disponible en version bêta, Astryx propose des fondations, plus de quatre-vingt-dix composants documentés, des modèles et dix thèmes personnalisables. Sa particularité réside dans ses outils pour les agents IA : une CLI et un serveur MCP qui permettent à l’automatisation de lire, générer et documenter des interfaces sans extraire les textes d’aide.
Un système conçu pour les développeurs… et les agents
Astryx intègre des fondations pour la typographie, les couleurs, la mise en page et l’accessibilité, ainsi que des modèles de pages complètes comme des tableaux de bord et des formulaires. Ses composants incluent des espacements intégrés, un mode sombre et des styles flexibles, le tout propulsé par StyleX, qui compile les styles en CSS atomique statique au moment de la construction. La base de code, majoritairement en TypeScript et sous licence MIT, alimente déjà les propres applications de Meta.
La couche prête pour l’IA
La CLI d’Astryx, accessible via ast ou xds, expose les mêmes API que celles utilisées par les développeurs. Une fonctionnalité notable est un manifeste lisible par machine qui répertorie chaque commande, argument, drapeau et type de réponse au format JSON — similaire à une spécification OpenAPI pour la CLI. Un serveur MCP s’intègre au Model Context Protocol, permettant aux agents de générer, explorer et documenter des interfaces directement. La documentation des composants inclut des annotations JSDoc avec des indices de composition, facilitant encore leur compréhension par les agents.
Dix thèmes avec mises à jour dynamiques des jetons
Le système propose dix thèmes prédéfinis — par défaut, neutre, quotidien, beurre, chocolat, matcha, pierre, gothique, brutaliste et y2k — tous entièrement personnalisables via une cascade de variables CSS. Modifier une variable suffit pour restyler automatiquement tous les composants, sans toucher au code des composants. La démo interactive de Meta permet aux utilisateurs de sélectionner un thème et d’observer en temps réel la mise à jour des jetons.
Source : MarkTechPost. Synthèse éditoriale assistée par IA — TechnoExpress.