transitions-dev: a Claude Code skill by Jakub Antalik
For web developers who want ready CSS transitions for dropdowns, modals, toasts and loaders. Skip it if you already use a motion library or build native apps.
The skill's text changed on Nov 9, 2026, after we last read it. Our description may be behind.
- Score
- 66of 100
- Rank
- #207of 239
- Installs
- 25Kon skills.sh
- Security
- Clear 3 scanners
- Updated
- 2026
- Context
- ~436tokens always
Install
npx skills add https://github.com/jakubantalik/transitions.dev --skill transitions-dev
Run it in your terminal. View the source
Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app
What does transitions-dev do?
transitions-dev is a skill that gives Claude a catalog of 35 namespaced CSS transitions, from modal open and close to skeleton loaders, sliding tabs, card tilt and streaming text. Its decision rules match the element on screen to one transition. Four commands drive it: transitions reveal lists the catalog, transitions review scans your project and suggests matches by file and line, transitions apply proposes one and installs it after you confirm, and transitions refine maps hard-coded durations and easings to shared motion tokens. Installing copies the token block from _root.css, the snippet, its HTML hooks, a reduced-motion guard and any small JS.
When should you use transitions-dev?
Use it when
- A dropdown or modal opens with no motion
- Your durations and easings vary across components
- You need a loading shimmer or success check
Skip it when
- Your project already standardizes on a motion library
- You build native mobile apps, not web pages
What it needs and what it can touch
What it can do
- Reads project files to find existing motion
- Edits CSS and component files after you confirm
From reading its instructions, not from running it.
Why it scores 66
Strongest on upkeep (100 of 100), weakest on adoption (46).
Is transitions-dev safe to install?
Every scanner that checked it passed it. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.
| Scanner | Result | Date |
|---|---|---|
| Gen Agent Trust Hub | Passed | Nov 8, 2026 |
| Socket | Passed | Nov 9, 2026 |
| Snyk | Low risk | Nov 8, 2026 |
Details
- Installs
- 25,029
- Repository stars
- 6,086
- Last repository change
- Tokens always loaded
- about 436
- Tokens when used
- about 5,974
- License
- Custom
- Data confidence
- High
Did it do the job for you?
Alternatives to transitions-dev
All skills for this job-
Get threejs-animationthreejs-animation
For web developers animating three.js scenes, glTF characters or morph targets.
-
Get gsap-coregsap-core
For web developers animating DOM or SVG with GSAP tweens, eases and staggers.
-
Get fixing-motion-performancefixing-motion-performance
For front-end developers whose CSS or JS animations stutter or whose scroll effects jank.
-
Get apple-designapple-design
For web designers and developers who want gestures, springs and sheets that feel like Apple's interfaces.
transitions-dev