/design-sync

What /design-sync does

This skill converts your repository's React design system and uploads it to Claude Design. This ensures that any designs produced will utilize your actual components. You can optionally name the design system.

Syntax

/design-sync

Quick drill

Three cards from the /cards deck. Open each to check your answer.

1. Which command converts a repository's React design system and uploads it to Claude Design?

   • Updates Claude Design with new features
   • Uploads a React design system to Claude Design
   • Synchronizes local design files with cloud storage
   • Generates a React component library
   Show answer

   /design-sync: Uploads a React design system to Claude Design

2. Which command continues the current Claude Code session in the Desktop app?

   • Launches the Claude Code web interface
   • Installs the Claude Code Desktop app
   • Switches to a different Claude app
   • Continues session in the Desktop app
   Show answer

   /desktop: Continues session in the Desktop app

3. Which command reviews all changes within your working tree, including edits Claude has made?

   • Reviews changes in the working tree
   • Compares two different code branches
   • Applies suggested code changes
   • Reverts recent modifications
   Show answer

   /diff: Reviews changes in the working tree