Claude Design Sync

Use this skill to move design systems and design deliverables between a local repo and Claude Design. A project deliverable can be saved into a Claude Design folder you specify, or into a new folder you create for it — both are supported. The skill keeps reusable design systems clean and never writes deliverables into this skill's own install folder.

Core Model

Separate these surfaces every time:

Design system: reusable brand tokens, typography, components, layout patterns, slide templates, anonymized examples.
Project deliverable: a specific deck, landing page, prototype, report, or one-pager for a specific customer, campaign, product, or internal task.
Upload bundle: a newly created folder for one Claude Design upload/return cycle. It is temporary working material, not the source of truth.

Save a project deliverable wherever the user wants it in Claude Design — an existing folder they name, or a new folder created for it. Both are first-class. The one hard rule: never write project files into the installed skill folder such as ~/.codex/skills/claude-design-sync, ~/.agents/skills/claude-design-sync, or this repository's claude-design-sync/ directory. Build the upload bundle inside the working repo or project folder, then upload it to the chosen Claude Design destination.

When a deliverable is saved next to reusable design-system parts, sanitize it first (see "Before You Sync") so customer names, prices, and NDA details do not leak into reusable templates.