/design-sync

Konvertiert das React-Design-System des eigenen Repos und lädt es zu Claude Design hoch, damit erstellte Designs echte Komponenten nutzen.

Konvertiert das React-Design-System des eigenen Repos und lädt es zu Claude Design hoch, damit erstellte Designs echte Komponenten nutzen. [Skill] Erst-Sync verifiziert jede Komponente, kann bei großen Repos Stunden dauern. Nicht auf Bedrock/Vertex/Foundry verfügbar.

✅ WANN EINSETZEN?

Eigenes React-Komponenten-System hochladen, damit erzeugte Designs echte Projekt-Komponenten nutzen

/design-sync einmalig nach /design-login einrichten

Nach größeren Komponenten-Änderungen erneut synchronisieren

/design-sync erneut ausführen, nachdem das Button- und Card-Component-Set überarbeitet wurde

⛔ WANN EHER NICHT?

Nutzung auf Bedrock/Vertex/Foundry

/design-sync ist auf diesen Plattformen nicht verfügbar

Besser: Standard-Anthropic-Konto/Claude-Code-Zugang nutzen, oder ohne Design-Sync mit generischen Komponenten arbeiten

Kurz vor einer Deadline zum ersten Mal starten

der Erst-Sync verifiziert jede Komponente und kann bei großen Repos Stunden dauern

Besser: rechtzeitig vorher einplanen statt kurzfristig vor einem Termin

QUELLEN

Claude Code Doku (offiziell) ↗ code.claude.com