Système de conception compatible avec l’intelligence artificielle
Développé par Meta, Astryx propose un système de conception entièrement personnalisable et compatible avec les agents d'intelligence artificielle. Cette bibliothèque open source basée sur TypeScript configure les composants d'interface pour l'utilisation de systèmes autonomes.
Mises à jour
- 24 octobre 2026: Étoiles 13,728 → 13,735, dernière version v0.7.4 (23 octobre 2026).
- 23 octobre 2026: Étoiles 13,718 → 13,728, dernière version v0.7.3 (22 octobre 2026).
- 22 octobre 2026: Étoiles 13,678 → 13,718, dernière version v0.7.2 (21 octobre 2026).
- 16 octobre 2026: Étoiles 13,630 → 13,678, dernière version v0.7.1 (15 octobre 2026).
Ce que ça vous apporte
- Plus de 150 composants accessibles
- API compatible avec les assistants IA
- Structure flexible sans restrictions de style
Installation
# npm
npm install @astryxdesign/core @astryxdesign/theme-neutral
npm install -D @astryxdesign/cli
# pnpm
pnpm add @astryxdesign/core @astryxdesign/theme-neutral
pnpm add -D @astryxdesign/cli
# yarn
yarn add @astryxdesign/core @astryxdesign/theme-neutral
yarn add -D @astryxdesign/cliSi vous ne codez pas
Je souhaite créer un composant d'interface en utilisant le système de conception Astryx. Comment puis-je structurer les composants du package @astryxdesign/core sans casser les méthodes de style que j'utilise déjà dans mon projet ? Quelles sont les méthodes standard que je dois suivre pour personnaliser les composants et accéder à la documentation ou aux modèles à l'aide de l'outil CLI ?
Dépôt : https://github.com/facebook/astryx. Base-toi sur les instructions officielles du fichier README de ce dépôt pour l'installation et l'exécution.
Avant de commencer, vérifie quel système d'exploitation nous utilisons et si les outils nécessaires (ex: Python, Node.js, Git, Docker) sont installés. Installe ceux qui manquent étape par étape selon ce système.
Crée un nouveau dossier vide pour travailler. Ne touche pas aux fichiers en dehors de ce dossier et ne supprime rien. Avant chaque commande, décris ce que tu vas faire en une phrase.
Dis-moi ce que je devrais voir à l'écran à la fin de chaque étape. Si une erreur survient, je te copierai le message d'erreur tel quel et nous la corrigerons ensemble.
Termes liés du glossaire
Liens
TreScout n'a pas développé cet outil · nous l'avons repéré dans les tendances GitHub et présenté. Cette page décrit le dépôt tel qu'il était le 2026-07-01 : Le nombre d'étoiles et notre texte datent de ce jour, le dépôt a pu changer depuis. Consultez le lien du dépôt pour l'état actuel. Le texte de présentation a été préparé avec l’IA à partir de la propre documentation du dépôt et cette page a été traduite automatiquement depuis l’original turc · la version turque fait foi.