Ce face /design-sync
/design-sync este un skill inclus care convertește design system-ul React din repository și îl încarcă în Claude Design (claude.ai/design). Design-urile pe care le produce apoi Claude Design folosesc componentele tale reale. Opțional, dai numele design system-ului, de exemplu /design-sync Acme DS.
Prima sincronizare verifică fiecare componentă și poate dura câteva ore pe un repository mare. Accesul se autorizează cu contul claude.ai prin /design-login, ori de câte ori /design-sync îți cere asta.
Comanda funcționează pe API-ul Anthropic. Are nevoie de claude.ai, pe care CLI-ul nu îl contactează pe Amazon Bedrock, Google Cloud’s Agent Platform, Microsoft Foundry, Claude Platform on AWS sau printr-un Claude apps gateway; acolo comanda nu e disponibilă. Încărcarea merge către site-ul separat claude.ai/design, care se închide până la 14 decembrie 2026; Anthropic are un articol de suport despre migrarea de pe Claude Design separat în Claude.
Sintaxă și opțiuni
| Opțiune / Parametru | Descriere |
|---|---|
[indiciu] |
Opțional. Numele design system-ului. |
Exemple practice de terminal
Exemplul 1: Sincronizarea unui design system cu nume
> /design-sync Acme DS
Exemplul 2: Autentificarea cerută de sincronizare
> /design-login
Greșeli frecvente și bune practici
- Pornești prima sincronizare pe un repository mare când ai nevoie repede de rezultat; poate dura câteva ore.
- Construiești un proces de durată pe claude.ai/design: site-ul separat se închide până la 14 decembrie 2026.
Întrebări & Exemple practice:
/design-syncAi o întrebare despre /design-sync sau ai descoperit un truc, prompt sau fragment de cod util? Distribuie-l cu ceilalți membri ai comunității!
Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau resurse pentru această pagină. Dacă ai testat un prompt sau ai un snippet util, adaugă-l mai jos pentru comunitate.