Updated today
by Jakubantalik
transitions.dev
UI motion agent, a library of 43+ crafted transitions, a skill that fits your workflow.
5.4k GitHub stars (5,356)
+905 in 16 days
| Period | New stars |
|---|---|
| Oct 1 | +15 |
| Oct 2 | +30 |
| Oct 3 | +16 |
| Oct 4 | +22 |
| Oct 5 | +20 |
| Oct 6 | +5 |
| Oct 7 | +7 |
| Oct 8 | +11 |
| Oct 9 | +23 |
| Oct 10 | +18 |
| Oct 11 | +58 |
| Oct 12 | +172 |
| Oct 13 | +120 |
| Oct 14 | +229 |
| Oct 15 | +126 |
| Oct 16 | +33 |
- 4 skills (4 skills found in its SKILL.md files)
- 241 forks (241 forks)
- Today last update (Last updated today)
Install
Skills CLI
npx skills add Jakubantalik/transitions.dev
Asks which skills and agents to install. Just one: npx skills add Jakubantalik/transitions.dev --skill transitions-agent — add -g for every project.
Claude Code
git clone https://github.com/Jakubantalik/transitions.devcp -r "transitions.dev/agent/skill" ~/.claude/skills/
Copies the transitions-agent skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add Jakubantalik/transitions.dev
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
transitions-agent
Scan a codebase for missing, janky, or inconsistent UI motion and fix it with transitions.dev recipes. ALWAYS use this skill when the user's message is or contains a transitions-agent command (npx transitions-agent, npx transitions-agent fix, any variant) - the command is a request for the full guided flow, not just command execution. Also use when the user asks about UI transitions, animations,…
agent/skill/SKILL.md on GitHub (opens in a new tab) -
transitions-dev
Production-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel reveals, page transitions, card resizes, number pop-ins, text swaps, icon swaps, success checks, avatar group hovers, error state shakes, search/input clear, skeleton loaders, shimmer text, sliding tabs, tooltips, staggered text reveals, card hover tilt, plus-to-menu morph, accordion…
skills/transitions-dev/SKILL.md on GitHub (opens in a new tab) -
transitions-polish
Polish and refine existing motion against the transitions.dev motion-token scale — duration, distance, scale, blur, and easing — plus the rules for WHEN each token applies (open/close asymmetry, hover-in vs hover-out, stagger offsets, and intent delays). An add-on to the transitions-dev skill, focused on tuning what already animates rather than adding new transitions. Use when the user asks to "p…
skills/transitions-polish/SKILL.md on GitHub (opens in a new tab) -
refine-live
In-chat fallback for the Timeline Inspector Refine agent. Use when the user runs `/refine live`, asks to "refine live", "go live", or answer refine jobs — but ONLY when no persistent agent is wired (no `npx transitions-refine live`). Prefer `npx transitions-refine live` for run-and-forget (relay spawns agent per click, no idle credit burn). This skill long-polls the relay, posts suggestions, hand…
refine/.agents/skills/refine-live/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.