Meta a ouvert le code d’Astryx — un design system React avec prise en charge des agents AI et de MCP

Meta a lancé Astryx — un système de design React open-source conçu dès le départ pour une collaboration sans interruption entre ingénieurs et agents IA via une API unifiée.

Qu'est-ce qu'Astryx

Astryx est construit sur StyleX — une bibliothèque de styles CSS statiques que Meta développe depuis plusieurs années. StyleX compile les styles au moment de la construction en CSS atomique, ce qui élimine les dépendances inutiles au moment de l'exécution et rend les composants prévisibles. Le système est basé sur une cascade de variables CSS pour la thématisation.

Les couleurs, l'espacement, les valeurs de border-radius et la typographie sont définis via des design tokens qui peuvent être remplacés à n'importe quel niveau de l'arbre des composants. Cette approche est familière aux développeurs ayant travaillé avec Tailwind ou Radix Themes, mais Astryx ajoute une couche de lisibilité machine. Le projet se développe au sein de Meta depuis huit ans, évoluant graduellement d'un outil interne vers un produit public.

Il est actuellement en phase Bêta et disponible sous la licence MIT — sans restriction d'utilisation commerciale.

CLI et serveur MCP comme composants clés

Ce qui distingue Astryx des autres systèmes de design est son CLI intégré et son serveur MCP. La plupart des bibliothèques d'UI sont distribuées sous forme de package npm avec documentation : un développeur lit le README, sélectionne un composant et écrit du code. Astryx rompt ce schéma.

Le CLI permet d'interagir avec le système depuis le terminal : installer des composants, mettre à jour les tokens, générer des modèles de code. Un serveur MCP (Model Context Protocol) ouvre les mêmes capacités aux agents IA — Claude, GPT ou n'importe quel autre outil supportant le protocole accède à l'API et à la documentation du système sous une forme lisible par machine. La conséquence clé : ingénieurs et agents travaillent avec les mêmes commandes, reçoivent des composants identiques et respectent les mêmes directives de design.

Il n'y a pas de « mode agent » séparé — un seul système, compréhensible pour les deux.

• CLI : installer des composants, générer du code, mettre à jour les thèmes directement depuis le terminal Serveur MCP : accès lisible par machine à l'API et à la documentation pour agents IA Variables CSS : les agents changent les thèmes de la même manière que les designers — via des tokens API unifiée : un point d'entrée unique pour les humains et les agents Licence MIT : sans restriction, peut être utilisée dans les produits commerciaux ## Pourquoi cela se produit maintenant Model Context Protocol a grandi au cours des derniers mois, passant du standard expérimental d'Anthropic à un protocole de facto pour connecter les agents IA aux outils externes. GitHub Copilot, Cursor, Claude Code et des dizaines d'autres outils supportent déjà MCP. La plupart des produits existants reçoivent l'intégration MCP au-dessus de leur architecture existante — comme un plugin ajouté rétroactivement. Meta a emprunté un chemin différent : dans Astryx, MCP est intégré dès le départ, sur un pied d'égalité avec CLI et StyleX. Cela rend l'intégration plus propre et plus prévisible pour les agents, qui n'apprécient pas les contournements. Pour les équipes utilisant déjà la génération de code par IA, cela signifie la possibilité de déléguer à un agent non seulement l'écriture de lignes de code, mais aussi la sélection de composants, la configuration des thèmes et la vérification de la conformité aux directives — tout dans un seul outil.

Ce que cela signifie Astryx est un signal sur la direction que prennent les systèmes de design.

La prochaine génération de bibliothèques d'UI sera conçue en partant du principe que son lecteur principal sera un agent, et non seulement un développeur. Meta, avec huit années de pratique interne et sa propre infrastructure IA, a franchi cette étape en premier. *Meta est reconnue comme une organisation extrémiste et est interdite en Fédération de Russie.