/design-sync

Converts your repo's React design system and uploads it to Claude Design, so designs it creates use real components.

Converts your repo's React design system and uploads it to Claude Design, so designs it creates use real components. [Skill] The initial sync verifies every component and can take hours on large repos. Not available on Bedrock/Vertex/Foundry.

✅ WHEN TO USE IT?

Upload your own React component system so generated designs use real project components

set up /design-sync once after /design-login

Re-sync after larger component changes

run /design-sync again after reworking the button and card component set

⛔ WHEN NOT TO?

Using it on Bedrock/Vertex/Foundry

/design-sync is not available on these platforms

Better: use a standard Anthropic account/Claude Code access, or work with generic components without design-sync

Starting the first sync right before a deadline

the first sync verifies every component and can take hours on large repos

Better: schedule it well ahead of time instead of right before a deadline

SOURCES

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