Updates already-built code after the Figma design changed, by patching only what moved instead of rebuilding the screen. Use this whenever a screen that exists in code needs to catch up with its design — "the designer changed the header", "the design was updated, update my code", "re-sync this screen with Figma", "what changed in the design since I built it?", "the primary color changed", "apply…
Install
npx skills add its-magdy/design-twin --skill sync-designnpx skills add its-magdy/design-twin --skill sync-design -a claude-code -gnpx skills add its-magdy/design-twin --skill sync-design -a codex -ggemini skills install https://github.com/its-magdy/design-twin.git --path claude-plugin/skills/sync-designgh skill install its-magdy/design-twin sync-designgit clone --depth 1 https://github.com/its-magdy/design-twin /tmp/its-magdy__design-twin
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/its-magdy__design-twin/claude-plugin/skills/sync-design ~/.claude/skills/sync-design # Claude Code
cp -R /tmp/its-magdy__design-twin/claude-plugin/skills/sync-design ~/.agents/skills/sync-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode