/design-sync[hint]

Skill↗ Sends data out

Converts and uploads your repo's React design system to Claude Design so designs use your real components. First sync can take hours on large repos. It targets the standalone claude.ai/design site, which closes by December 14, 2026.

Best use

/design-sync Acme DS (mind the closing date above).

Safety labels

↗ Sends data out: Sends conversation, code or comments to another service (Anthropic, GitHub, cloud sessions, sites in your browser) or pushes to a remote. Check what goes where first.

Related commands · Artifacts, slides & design

/artifact-capabilitiesLoads the reference for artifact runtime capabilities, such as calling connectors or offering downloads, and which your account has.
/artifact-diagrammingLoads diagramming guidance for artifacts: when a diagram helps, what to draw, and SVG that stays legible in light and dark themes.
/artifactsLists artifacts you own or that are shared with you, then attaches one, opens it, or copies its link.
/datavizChart design guidance: picks the chart form, assigns color by role, and validates the palette for colorblind safety and contrast with a bundled script.
/designDrafts UI mockups, flows, landing pages or posters as artboards on one canvas (a Claude Design artifact); edit in a desktop browser and export PNG or PDF.
/design consentGrants or withdraws Claude's access to Claude Design.
/design-loginAuthorizes design-system access for /design-sync with your claude.ai account, when /design-sync or /design consent asks you to.
/slidesMakes a Claude Slides artifact from your brief.

← See all commands