Updated 1w ago
by Jakubantalik
transitions.dev
UI motion agent, a library of 43+ crafted transitions, a skill that fits your workflow.
6.1k GitHub stars (6,100)
+1.5k in 30 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 |
| Oct 17 | +32 |
| Oct 18 | +1 |
| Oct 19 | +17 |
| Oct 20 | +21 |
| Oct 21 | +33 |
| Oct 22 | +27 |
| Oct 23 | +37 |
| Oct 24 | +88 |
| Oct 25 | +80 |
| Oct 26 | +46 |
| Oct 27 | +66 |
| Oct 28 | +26 |
| Oct 29 | +41 |
| Oct 30 | +83 |
| Oct 31 | +20 |
| Nov 1 | +21 |
| Nov 2 | +12 |
| Nov 3 | +29 |
| Nov 4 | +24 |
| Nov 5 | +20 |
| Nov 6 | +20 |
- 5 skills (5 skills found in its SKILL.md files)
- 289 forks (289 forks)
- 1w ago last update (Last updated 1w ago)
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/ on GitHub (opens in a new tab)SKILL.md -
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/ on GitHub (opens in a new tab)SKILL.md -
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/ on GitHub (opens in a new tab)SKILL.md -
transitions-ui-generation
Make any UI, headline or image appear as if an AI agent is generating it. Five variants: ui (the default: a dotted wireframe drawn from the element's own structure, outline, boxes, text lines, icon paths, with guides, corner handles and size labels, then the real UI revealed behind a scan line), text (every glyph of a headline traced along its real outline in flowing dots, then fading in one by o…
skills/transitions-ui-generation/ on GitHub (opens in a new tab)SKILL.md -
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/ on GitHub (opens in a new tab)skills/ refine-live/ SKILL.md
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.