Transitions.dev Skill

Installs the main skill with the transitions library, 21+ production-ready transitions. Works with Claude Code, Cursor, GitHub Copilot, Codex, and Gemini CLI.

Installs the Polish skill, an add-on that aligns motion you already have to the transitions.dev token scale. Works alongside the main skill or on its own.

List every transition in the skill as a numbered text list — handy when you've forgotten what's in the catalog. Phrases like "list all transitions" or "what transitions are available" route here too.

Scan the whole project for ad-hoc transitions, hardcoded durations, and custom keyframes, then output a per-file list of where one of the twenty-one transitions would slot in. Read-only — nothing gets edited. Also triggers on "review my project" or "audit my animations".

Auto-detect the best-fit transition for your current cursor context, propose it with a one-line rationale, then install it after you confirm. Name a transition directly to skip the detection — for example, transitions apply menu-dropdown. Also triggers on "add the right transition here".

Scan the whole project for ad-hoc transitions, hardcoded durations, and custom keyframes, then suggest the matching motion token to reference — using each token's usage, not the raw number, as the deciding factor. Read-only — nothing gets edited. Also triggers on "replace hardcoded durations with motion tokens" or "tokenize my animations".

Layers the open/close, hover in/out, and stagger/delay rules on top of transitions refine's token matching, plus explicit distance coverage. Read-only — nothing gets edited. Works with the Polish skill installed. Also triggers on "polish my transitions" or "align to the motion tokens".