Introducing Transitions Refine A tool for tuning UI transitions directly in Cursor, Codex or Claude Code with the Transitions-dev skill built in • Integrated skill analyzes your transitions and provides suggestions you can apply directly • Timeline and controls for manual edits • No need to copy and paste... values everything is updated directly in your sourceshow more

Handy tool! Great job @Jakubantalik

🫶

bro really said 'easing curves but make it agentic' my transitions been at linear 0.3s since 2019 like a haunted man

😂

This seems really cool and I appreciate that it's focused to just transitions :D

Thanks Ryan! :)

transitions are one of those things ai always gets nearly right but still somehow wrong

Totally agree!

This sounds pretty cool! Will give it a try. I guess it wouldn't support Motion right now, would it?

Not right now, but will try to add it in the next release

ahh super

Good stuff, will use this on future project!

Thanks let me know if you have any feedback then

insane dude!

Thanks!

gosh, those shadows on elements looks so damn good

this is insanely cool, amazing job

so good, love it!

Thanks Daniil! 🙂

damnn....this is super cool

Tuning UI transitions right inside Claude Code is such a nice little workflow addition

Tools that stay inside the editor are useful until you need to verify the change against real user flows and performance budgets. The hard part is still closing that last mile to production signal.

Its Cool! Thanks for sharing Jakub 🤝

🙏🙏

The in-editor timeline is the piece that's been missing. AI gets a transition 90% right but the easing curve is always the last thing I hand-tune, and pasting cubic-bezier values back and forth breaks the loop.

agents can make a transition. they can't tell if it feels right. baking the taste into a skill is the move 🤝

now i can obsess over a 200ms ease curve without leaving the editor

Hey Super, build a website that teaches why some UI transitions feel right through an interactive easing laboratory. Let users compare linear, ease-out, ease-in, ease-in-out, and spring motion live while tuning duration and travel distance. Make every control functional: easing preset, duration, travel distance, and play transition. Include immediate visual feedback, curve explanations, keyboard controls, and reduced-motion behavior.

Looking forward to try it! What are the suggestions based on?

Thanks feel free to share feedback then :) Suggestions are based on the transitions-dev skill

wait so i can stop guessing if 400ms feels sluggish or just right this is the tool i didnt know i needed until just now 🔥

How to use it with NextJs?