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.

Generic AI output

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