New skill: Paper Sync

Claude Code skill for anyone using Paper.design alongside a React and Tailwind codebase.

I spent yesterday building a skill called /paper-sync. It keeps a Paper canvas and your code in live sync. You edit a color on the canvas, run /paper-sync, and the token file plus any primitive component style that changed gets updated. No describing the color in chat. No regenerating the whole screen. No 90% right output with 10% of hand-patching after.

Bundle is attached, free for subscribers.

What's inside

• skill/paper-sync/SKILL.md: the skill itself. Drop it into your project's .claude/skills/ folder.
• INSTALL.md: step-by-step for installing, mapping your Paper file to a snapshot, and running the first sync.
• snapshot-template.json: starter template, genericized, with inline docs on each field.
• example-project/: a working reference project (React + Tailwind + Vite) showing a Paper file mapped to tokens and primitives. Read through it before you wire up your own if you want to see the shape first.

Total bundle is 17 KB. Install takes minutes.

Why I built it

Claude Design launched Thursday. Figma dropped 7% the same day, down 49% YTD. Every AI design tool on the market generates well but adjusts poorly. You describe every tiny tweak in chat, they regenerate, and you lose the thing you liked. That round trip is the friction everyone keeps eating.

I wrote the full argument up as a blog post on igorgridel.com. Short version: prompts can't adjust, they can only regenerate. The moat is the adjustment loop, and Paper plus this skill is one shape of it.

Who this is for

Honest: not the usual workflow bundle. This is for designers and developers using Claude Code with React and Tailwind who want to skip the describe-in-chat loop. If you're here for the next ComfyUI drop, it's coming. I just wanted to ship this while the launches were fresh.

First run

1. Unzip.
2. Read INSTALL.md.
3. Drop the skill into .claude/skills/ in any project.
4. Point it at your Paper file via the snapshot.
5. Run /paper-sync.

Everything else is in INSTALL.