Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

21,774 subscribers

72,951 views • 4 months ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

4 Comments

AI Mastery Guide4 months ago

Scanning the project and applying transition fixes directly to source is such a nice shortcut for polishing that generic ai feel

Insan4 months ago

so interesting!

Madat Bayramov4 months ago

Looks promising. I’ll give it a go

Jakub Antalik4 months ago

Thanks, let me know if you have any feedback

Related Videos

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

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

207,713 views • 2 months ago

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

242,561 views • 2 months ago

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

84,144 views • 3 months ago

someone built a free, open source app that lets you run codex, claude code, code editor, terminal, and your entire dev environment directly from your phone app link:

someone built a free, open source app that lets you run codex, claude code, code editor, terminal, and your entire dev environment directly from your phone app link:

Gruz

49,909 views • 6 months ago

The Dev Mode MCP Server is now available in beta. Access Dev Mode data directly in your agentic coding workflow → VS Code with Copilot → Cursor → Windsurf → Claude Code

The Dev Mode MCP Server is now available in beta. Access Dev Mode data directly in your agentic coding workflow → VS Code with Copilot → Cursor → Windsurf → Claude Code

Figma

253,405 views • 1 year ago

Introducing TogetherLink! An open source CLI to run any open source model inside your favorite coding harness. Run GLM 5.2 directly in Codex and Claude Code.

Introducing TogetherLink! An open source CLI to run any open source model inside your favorite coding harness. Run GLM 5.2 directly in Codex and Claude Code.

Hassan

35,219 views • 4 months ago

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 views • 1 month ago

CLI coding agents now have first-class support in Warp: • Built-in voice transcription powered by Wispr Flow • Attach images to your prompt easily • Browse files and review code directly in Warp Works with Claude Code, Codex, Amp, Gemini, and Droid 🙌

CLI coding agents now have first-class support in Warp: • Built-in voice transcription powered by Wispr Flow • Attach images to your prompt easily • Browse files and review code directly in Warp Works with Claude Code, Codex, Amp, Gemini, and Droid 🙌

Warp

122,556 views • 10 months ago

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 views • 5 months ago

Ten months of private Claude Code tuning just went public, free on GitHub. It's called Everything Claude Code: 286 skills and 68 subagents. Basically a dev team in a folder. One skill scans your code for security holes. One keeps your memory clean. One learns from your past sessions. And it isn't locked to Claude Code: it runs on Cursor, Codex, Encode and Gemini too. Like inheriting a toolbox someone spent ten months filling, every tool already sharpened. He won Anthropic's own hackathon with this setup. Everything Claude Code: #everythingclaudecode #claudecode #cursor #codex #aiagents

Ten months of private Claude Code tuning just went public, free on GitHub. It's called Everything Claude Code: 286 skills and 68 subagents. Basically a dev team in a folder. One skill scans your code for security holes. One keeps your memory clean. One learns from your past sessions. And it isn't locked to Claude Code: it runs on Cursor, Codex, Encode and Gemini too. Like inheriting a toolbox someone spent ten months filling, every tool already sharpened. He won Anthropic's own hackathon with this setup. Everything Claude Code: #everythingclaudecode #claudecode #cursor #codex #aiagents

jackroberts____

1,000,000 views • 1 month ago

You can now connect Claude Code, Codex, or Gemini directly to ODEI. Shape how your agent grows, updates, and upgrades, all from Start with ODEI ID.

You can now connect Claude Code, Codex, or Gemini directly to ODEI. Shape how your agent grows, updates, and upgrades, all from Start with ODEI ID.

Anton Illarionov

11,612 views • 6 months ago

shutup and use lunel run codex, opencode, claude code and your whole dev setup directly from your phone for free

shutup and use lunel run codex, opencode, claude code and your whole dev setup directly from your phone for free

Gruz

225,290 views • 7 months ago

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,665 views • 5 months ago

run codex, opencode, claude code, and your entire development setup directly from your phone 100% open source and free!!!

run codex, opencode, claude code, and your entire development setup directly from your phone 100% open source and free!!!

Gruz

70,712 views • 7 months ago

before: FlutterFlow in one tab. Claude in another. you as the translator. after: your agent is inside the project. FlutterFlow MCP is finally here. Claude Code, Codex, Gemini CLI, Cursor, any MCP client. here's our tutorial:

before: FlutterFlow in one tab. Claude in another. you as the translator. after: your agent is inside the project. FlutterFlow MCP is finally here. Claude Code, Codex, Gemini CLI, Cursor, any MCP client. here's our tutorial:

FlutterFlow

488,914 views • 6 months ago

Introducing the first agent-to-agent code review solution: Qodo’s Agentic Toolbox. Get full codebase context, your coding rules, and AI code review, brought directly to your coding agent. Available now for Claude Code, OpenAI’s Codex, and Kiro, with support for any MCP-compatible client.

Introducing the first agent-to-agent code review solution: Qodo’s Agentic Toolbox. Get full codebase context, your coding rules, and AI code review, brought directly to your coding agent. Available now for Claude Code, OpenAI’s Codex, and Kiro, with support for any MCP-compatible client.

Qodo

51,865 views • 2 months ago

How do you know that your agent is doing what is supposed to do? In 120 seconds, iFixAi can give you this answer. Open-Source. Available in Claude Code, Codex, Cursor and in CLI. Repo in the comments below.

How do you know that your agent is doing what is supposed to do? In 120 seconds, iFixAi can give you this answer. Open-Source. Available in Claude Code, Codex, Cursor and in CLI. Repo in the comments below.

Dimitris Neocleous

801,039 views • 3 months ago

Introducing the Sleek Design Skill Just install it and your agent instantly makes better mobile app designs Works with Claude Code, Codex or any agent with skills. Link below.

Introducing the Sleek Design Skill Just install it and your agent instantly makes better mobile app designs Works with Claude Code, Codex or any agent with skills. Link below.

Mattia

186,071 views • 7 months ago

Your AI coding agent says “done.” Where’s the proof? ProofShot lets agents test your UI in a real browser and show the evidence: video, screenshots, console errors and server logs. It bundles everything into a report that can go directly into a GitHub PR. Works with Claude Code, Cursor, Codex and other shell-based agents.

Your AI coding agent says “done.” Where’s the proof? ProofShot lets agents test your UI in a real browser and show the evidence: video, screenshots, console errors and server logs. It bundles everything into a report that can go directly into a GitHub PR. Works with Claude Code, Cursor, Codex and other shell-based agents.

0xMarioNawfal

47,383 views • 1 month ago

Shopify just dropped something MASSIVE The new Shopify AI Toolkit lets you manage and build on Shopify with your favourite agent, Claude Code, Cursor, VS Code, Gemini CLI, Codex, and more. It connects your AI tool directly to Shopify’s docs, schemas, validation, and store management capabilities. (Shopify) I built a fully customised homepage and product page with it, and this changes everything. Store builds are about to get faster, smarter, and way more custom. Say goodbye to page builders and paid themes #Shopify #AItools #Ecommerce

Shopify just dropped something MASSIVE The new Shopify AI Toolkit lets you manage and build on Shopify with your favourite agent, Claude Code, Cursor, VS Code, Gemini CLI, Codex, and more. It connects your AI tool directly to Shopify’s docs, schemas, validation, and store management capabilities. (Shopify) I built a fully customised homepage and product page with it, and this changes everything. Store builds are about to get faster, smarter, and way more custom. Say goodbye to page builders and paid themes #Shopify #AItools #Ecommerce

Kamil Sattar | The Ecom King

21,520 views • 7 months ago