Mit künstlicher Intelligenz kompatibles Designsystem
Astryx wurde von Meta entwickelt und bietet ein Designsystem, das vollständig anpassbar und mit Agenten der künstlichen Intelligenz kompatibel ist. Diese TypeScript-basierte Open-Source-Bibliothek konfiguriert Schnittstellenkomponenten für den Einsatz autonomer Systeme.
Aktualisierungen
- 24. Oktober 2026: Sterne 13,728 → 13,735, neueste Version v0.7.4 (23. Oktober 2026).
- 23. Oktober 2026: Sterne 13,718 → 13,728, neueste Version v0.7.3 (22. Oktober 2026).
- 22. Oktober 2026: Sterne 13,678 → 13,718, neueste Version v0.7.2 (21. Oktober 2026).
- 16. Oktober 2026: Sterne 13,630 → 13,678, neueste Version v0.7.1 (15. Oktober 2026).
Was es bringt
- Mehr als 150 zugängliche Komponenten
- API kompatibel mit KI-Assistenten
- Flexible Struktur ohne stilistische Einschränkungen
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/cliWenn Sie nicht programmieren
Ich möchte eine Schnittstellenkomponente mit dem Astryx-Designsystem erstellen. Wie kann ich Komponenten im @astryxdesign/core-Paket strukturieren, ohne die Stilmethoden zu zerstören, die ich bereits in meinem Projekt verwende? Welche Standardmethoden sollte ich befolgen, um Komponenten anzupassen und mit dem CLI-Tool auf Dokumentation oder Vorlagen zuzugreifen?
Repository: https://github.com/facebook/astryx. Richte dich bei der Installation und Ausführung nach den offiziellen Anweisungen in der README-Datei dieses Repositorys.
Prüfe vor dem Start, unter welchem Betriebssystem wir arbeiten und ob die notwendigen Tools (z. B. Python, Node.js, Git, Docker) installiert sind. Installiere fehlende Tools schrittweise entsprechend diesem System.
Erstelle einen neuen, leeren Ordner für die Arbeit. Rühre keine Dateien außerhalb dieses Ordners an und lösche nichts. Sag mir vor jedem Befehl in einem Satz, was du tun wirst.
Sag mir, was ich am Ende jedes Schrittes auf dem Bildschirm sehen sollte. Wenn ein Fehler auftritt, füge ich die Fehlermeldung exakt so ein, wie sie ist, und wir beheben sie gemeinsam.
Verwandte Begriffe aus dem Glossar
Links
TreScout hat dieses Werkzeug nicht entwickelt · wir haben es in den GitHub-Trends gefunden und stellen es vor. Diese Seite beschreibt das Repository so, wie es am 2026-07-01 war: Die Anzahl der Sterne und unser Text stammen von diesem Tag, das Repository kann sich seitdem geändert haben. Den aktuellen Stand finden Sie über den Link zum Repository. Der Präsentationstext wurde mit KI aus der eigenen Dokumentation des Repositories erstellt und diese Seite wurde maschinell übersetzt aus dem türkischen Original · maßgeblich ist die türkische Fassung.