/design-sync

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