Transitions.dev Skill
Transitions skill teaches your AI about product motion
and includes all the transitions from the main page and
useful commands for your agent.
Installation
npx skills add Jakubantalik/transitions.dev
Works with Claude Code, Cursor, GitHub Copilot, Codex, and Gemini CLI.
Commands
transitions reveal
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.
transitions review
Scan the whole project for ad-hoc transitions, hardcoded durations, and custom keyframes, then output a per-file list of where one of the twelve transitions would slot in. Read-only — nothing gets edited. Also triggers on "review my project" or "audit my animations".
transitions apply
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".
Try it
Update dropdowns transition based on transitions-dev skill
Update all icon swap transitions based on transitions-dev skill
Update all modals transitions based on transitions-dev skill