正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Made a skill for UI transitions: It reviews a project, identifies transitions, and suggests improvements or replacements based on the source Transitions-dev library, making them more polished and snappy. npx skills add Jakubantalik/transitions.dev

Jakub Antalik

21,439 subscribers

207,713 次观看 • 1 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

39 条评论

Pritam Paul 的头像

Pritam Paul1 个月前

@ilyamiskov Crispy transitions

Jakub Antalik 的头像

Jakub Antalik1 个月前

@ilyamiskov Thanks Pritam!

xmRipper 的头像

xmRipper1 个月前

ew stop using this shitty delayed cursor, ruins everything

Masum 的头像

Masum1 个月前

cool bro!

Jakub Antalik 的头像

Jakub Antalik1 个月前

🙏🙏

hemant bansal 的头像

hemant bansal1 个月前

This is awesome

bliss 4k wallpaper 的头像

bliss 4k wallpaper1 个月前

@usgraphics is painting red crosses onto shields as we speak

Josh Millgate 的头像

Josh Millgate1 个月前

Thanks boss 🫡

Jakub Antalik 的头像

Jakub Antalik1 个月前

🙌

Mengxue 的头像

Mengxue1 个月前

👍the devil is in the details

Krishna Singh 的头像

Krishna Singh1 个月前

UI transitions are exactly the kind of detail coding agents tend to make technically correct but visually mediocre, giving them stronger references should help a lot

Suman Hansada 的头像

Suman Hansada1 个月前

Amazing..

Baran ⚡ 的头像

Baran ⚡1 个月前

BUY BUY BUY I BUY

Zafar 的头像

Zafar1 个月前

Clear difference can be seen.

Sebastian Buzdugan 的头像

Sebastian Buzdugan1 个月前

polish should not override prefers-reduced-motion or transitions become an accessibility regression

AkinAyo | UI/UX Designer 的头像

AkinAyo | UI/UX Designer1 个月前

Nice

perser 的头像

perser1 个月前

Do you know one for expo apps?

Rakibul 的头像

Rakibul1 个月前

superb

Marvin Mussacate 的头像

Marvin Mussacate1 个月前

Amazing.

dom 的头像

dom1 个月前

ooh i like that fade

Aabis 的头像

Aabis1 个月前

lovely stuff

Odama Std. 的头像

Odama Std.1 个月前

The difference between 'looks okay' and 'feels premium' is literally in those spring physics

Abrar Karim 的头像

Abrar Karim1 个月前

😍

0xLalice🖤🩷 的头像

0xLalice🖤🩷1 个月前

very cool stuff, I'm going to show this to my agent :)

Taufiq Rahman 的头像

Taufiq Rahman1 个月前

Rally cool!

Roberto Torres 的头像

Roberto Torres1 个月前

This is interesting

Naimur Rahman 的头像

Naimur Rahman1 个月前

nice design

Annalea L 的头像

Annalea L1 个月前

Love

Vuk 的头像

Vuk1 个月前

good stuff brotha

Jakub Antalik 的头像

Jakub Antalik1 个月前

thanks!

特仑苏的头像

特仑苏1 个月前

cool

robbie 的头像

robbie1 个月前

Top work

Michael Mor 的头像

Michael Mor1 个月前

/////thank you so much :)

Shivanshu Pareek 的头像

Shivanshu Pareek1 个月前

Amazing, Bookmarked! Will try it soon.🙌

The Sapien 的头像

The Sapien1 个月前

This is crazy, would try it out someday

GPT Claude Grok 90% OFF 的头像

GPT Claude Grok 90% OFF1 个月前

I need the system to recommend such content to me every day.

0xPooka 的头像

0xPooka1 个月前

Honestly the generic isn’t bad at all lol

Jakub Antalik 的头像

Jakub Antalik1 个月前

Not bad, but not great either :)

AI Mastery Guide 的头像

AI Mastery Guide1 个月前

UI transitions on autopilot, love that 👏

相关视频

One skill for all UI motion. The Transitions-dev skill uses content and knowledge from the entire Transitions library and applies it to your project wherever it makes sense, for a more polished and snappy UI.

One skill for all UI motion. The Transitions-dev skill uses content and knowledge from the entire Transitions library and applies it to your project wherever it makes sense, for a more polished and snappy UI.

Jakub Antalik

239,119 次观看 • 28 天前

Collection of 33+ production ready UI transitions Available as CSS / React code or as a skill for Claude, Cursor or Codex npx skills add jakubantalik/transitions.dev

Collection of 33+ production ready UI transitions Available as CSS / React code or as a skill for Claude, Cursor or Codex npx skills add jakubantalik/transitions.dev

Jakub Antalik

83,831 次观看 • 2 个月前

Comparison demo without and with the Transitions skill Demo page with more details, usage and commands npx skills add jakubantalik/transitions.dev

Comparison demo without and with the Transitions skill Demo page with more details, usage and commands npx skills add jakubantalik/transitions.dev

Jakub Antalik

90,132 次观看 • 4 个月前

Tune your UI transitions directly in Cursor CLI, Codex or Claude Code with the Transitions-dev skill built in It scans your project with your agent, suggests transitions improvements, and applies changes directly to source code

Tune your UI transitions directly in Cursor CLI, Codex or Claude Code with the Transitions-dev skill built in It scans your project with your agent, suggests transitions improvements, and applies changes directly to source code

Jakub Antalik

72,621 次观看 • 3 个月前

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev

Jakub Antalik

61,578 次观看 • 4 个月前

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 source

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 source

Jakub Antalik

52,274 次观看 • 3 个月前

Introducing Transition Agent Transition Agent scans your codebase, scores its motion, and fixes it through pull requests. It uses the knowledge and taste from the entire Transitions-dev library. It should make your UI motion snappy and polished.

Introducing Transition Agent Transition Agent scans your codebase, scores its motion, and fixes it through pull requests. It uses the knowledge and taste from the entire Transitions-dev library. It should make your UI motion snappy and polished.

Jakub Antalik

27,069 次观看 • 12 天前

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:

Kiyotaka

200,166 次观看 • 3 个月前

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜

Abraham John 🦄🦓

27,048 次观看 • 2 个月前

Found this if your UI still feels dead after you ship it. - React micro-interactions and transitions - Buttons, cards, loaders, you copy them in - CLI to add one at a time, open source link;

Found this if your UI still feels dead after you ship it. - React micro-interactions and transitions - Buttons, cards, loaders, you copy them in - CLI to add one at a time, open source link;

Manish Kumar

19,098 次观看 • 1 个月前

Introducing Amicro. A curated library of premium micro-interactions and transition components for React. Add beautiful Loaders ,card hovers, button interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it:

Introducing Amicro. A curated library of premium micro-interactions and transition components for React. Add beautiful Loaders ,card hovers, button interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it:

Kiyotaka

265,072 次观看 • 2 个月前

Tonight’s dry fire focused on transitions and having my eyes lead the way on them. Wide transitions getting more narrow as the drill goes on. YES I KNOW IT JIGGLES DON’T BRING IT UP 🤣

Tonight’s dry fire focused on transitions and having my eyes lead the way on them. Wide transitions getting more narrow as the drill goes on. YES I KNOW IT JIGGLES DON’T BRING IT UP 🤣

Maxwell

317,580 次观看 • 10 个月前

I gave Claude a skill to create presentations: Nano Banana Pro for the slides, Kling for transitions, and Eleven Labs for voiceover Then I asked it to explain what Skills are. Here's the result:

I gave Claude a skill to create presentations: Nano Banana Pro for the slides, Kling for transitions, and Eleven Labs for voiceover Then I asked it to explain what Skills are. Here's the result:

Miguel | AP

271,465 次观看 • 9 个月前

binbun3 shared a texture-based transition shader in Godot, using gradients to shape and drive the effect, with clean UV handling for radial transitions. See more:

binbun3 shared a texture-based transition shader in Godot, using gradients to shape and drive the effect, with clean UV handling for radial transitions. See more:

Jettelly Inc.

38,580 次观看 • 8 个月前

This is Microsoft SandDance. originally a closed-source project that was later open-sourced. It lets you visually explore and understand data with smooth, animated transitions between multiple views.

This is Microsoft SandDance. originally a closed-source project that was later open-sourced. It lets you visually explore and understand data with smooth, animated transitions between multiple views.

Dilum Sanjaya

189,630 次观看 • 11 个月前

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

Ibelick

62,979 次观看 • 3 个月前

Have you ever wondered what OKLCH colors are, how they work or just wanted to use them in your project? You can use /oklch-skill to convert colors, generate palettes, check contrast, migrate colors and more. npx skills add jakubkrehel/oklch-skill

Have you ever wondered what OKLCH colors are, how they work or just wanted to use them in your project? You can use /oklch-skill to convert colors, generate palettes, check contrast, migrate colors and more. npx skills add jakubkrehel/oklch-skill

Jakub Krehel

40,558 次观看 • 3 个月前

There is now a spatially aware solution to lighting improvements for interior environments! This also brings some benefits such as soft physical transitions, in and out of interiors. 🔦🕶️ Check out this feature and more on the DevBlog:

There is now a spatially aware solution to lighting improvements for interior environments! This also brings some benefits such as soft physical transitions, in and out of interiors. 🔦🕶️ Check out this feature and more on the DevBlog:

Rust

107,458 次观看 • 1 年前

seriously one of the most seamless transitions on a pop record and not enough people are talking about it

seriously one of the most seamless transitions on a pop record and not enough people are talking about it

Best of Jade

135,288 次观看 • 1 年前