Gratis-Download

One Design System For You And Your Agent

Ein kostenloser Setup-Guide zu Astryx, dem Open-Source-Designsystem von Meta für React, damit Claude Code Seiten aus einem dokumentierten System baut, statt jedes Mal neue Buttons zu erfinden. Installation in zehn Minuten, der Spickzettel für deinen Agenten, den astryx init schreibt, der eine Prompt, den ich benutzt habe, und die Seite, die dabei herauskam, Themes und deine eigene Marke, und der getestete Fix, der die Theme-Schrift selbst hostet, statt sie von Google zu laden.

Der Download startet sofort, der Link kommt auch per Mail.

Ohne Newsletter-Haken bekommst du genau eine Mail mit deinem Link, die Adresse wird nach 7 Tagen gelöscht.

Was drin ist
  • Install Pakete, ein Theme, die zwei CSS-Imports und der Theme-Provider, dann astryx doctor.
  • astryx init Der Spickzettel für AGENTS.md und CLAUDE.md: mit einem Template starten, keine nackten divs, Farben nur über das Theme.
  • One prompt Der genaue Prompt und das Bestell-Dashboard, das Claude Code daraus gebaut hat, als Dateien zum Kopieren.
  • Five prompts Neue Seite, Formular, Rebrand, Review und Ship-Check, für Astryx geschrieben.
  • Font fix Das Neutral-Theme lädt seine Schrift von Google. Der getestete Vite-Alias, der sie selbst hostet.
  • Troubleshooting Ungestylte Komponenten, Peer-Dependencies, Updates in der Beta.

Node.js 22+ und ein React-19-Projekt (Vite oder Next.js). Claude Code oder ein anderer Coding-Agent für den Agenten-Teil. Astryx ist kostenlos und Open Source (MIT, Beta). Der Guide ist auf Englisch.

Fabian Faraz Farid · Impressum · Datenschutz