Loading video...

Video Failed to Load

Go Home

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

Jakubantalik's profile picture

Jakub Antalik

14,665 subscribers

73,314 views • 5 days ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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

Jakub Antalik

89,408 views • 2 months ago

🆕 Railway agent skill Let Claude Code, Codex, Cursor, OpenCode, or any coding agent deploy to Railway 🚄 ~/ npx skills add railwayapp/railway-skills
0:26

🆕 Railway agent skill Let Claude Code, Codex, Cursor, OpenCode, or any coding agent deploy to Railway 🚄 ~/ npx skills add railwayapp/railway-skills

Railway

25,410 views • 5 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
0:20

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

61,422 views • 1 month ago

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
0:23

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

49,488 views • 1 month ago

Introducing Hallmark! An open source design skill to make beautiful UIs and landing pages by default. Works in Claude Code, Cursor, and Codex. npx skills add nutlope/hallmark
0:39

Introducing Hallmark! An open source design skill to make beautiful UIs and landing pages by default. Works in Claude Code, Cursor, and Codex. npx skills add nutlope/hallmark

Hassan

819,291 views • 2 months ago

ANTHROPIC JUST CHANGED THE ENTIRE AI-SLOP FRONTEND. it's called frontend design. the official anthropic skill for claude code. 161,000+ stars. every ai-built website used to look the same. inter font, purple gradient, generic startup layout. this forces claude to pick an aesthetic direction before touching a single line of code. → brutalist, editorial, retro-futurist, luxury, maximalist → outputs html, css, js, react, or vue, production-ready → works in claude code, cursor, codex, gemini cli, opencode, and 15+ harnesses one install. available across every session. 277,000+ installs. 100% free.
0:20

ANTHROPIC JUST CHANGED THE ENTIRE AI-SLOP FRONTEND. it's called frontend design. the official anthropic skill for claude code. 161,000+ stars. every ai-built website used to look the same. inter font, purple gradient, generic startup layout. this forces claude to pick an aesthetic direction before touching a single line of code. → brutalist, editorial, retro-futurist, luxury, maximalist → outputs html, css, js, react, or vue, production-ready → works in claude code, cursor, codex, gemini cli, opencode, and 15+ harnesses one install. available across every session. 277,000+ installs. 100% free.

Oliver Prompts

76,427 views • 9 days ago

Today we’re releasing Venice Skills. A better interface for agents using the Venice API, ready for Cursor, Claude Code, Codex, Hermes, and other agent runtimes. 👉
0:21

Today we’re releasing Venice Skills. A better interface for agents using the Venice API, ready for Cursor, Claude Code, Codex, Hermes, and other agent runtimes. 👉

Sabrina

61,625 views • 3 months ago

I made a Swiss International Style design system as an agent skill. npx skills add zeke/swiss-design-skill
0:31

I made a Swiss International Style design system as an agent skill. npx skills add zeke/swiss-design-skill

Zeke Sikelianos

70,675 views • 3 months ago

Your AI agent just learned tokenomics. Tokenomist CLI is live, now available as a terminal command and an AI skill for Claude Code, Cursor, Codex, and Gemini CLI. Unlocks, emissions, fundraising, burns, buybacks. One command away.
0:32

Your AI agent just learned tokenomics. Tokenomist CLI is live, now available as a terminal command and an AI skill for Claude Code, Cursor, Codex, and Gemini CLI. Unlocks, emissions, fundraising, burns, buybacks. One command away.

Tokenomist

14,748 views • 3 months ago

Wait did anyone catch this? Supabase just dropped Agent Skills. Your AI agent stops guessing CLI commands. Starts respecting RLS. Builds on Supabase the way Supabase is meant to be built on Claude Code. Codex. Cursor. One command, every agent. npx skills add supabase/agent-skills
0:21

Wait did anyone catch this? Supabase just dropped Agent Skills. Your AI agent stops guessing CLI commands. Starts respecting RLS. Builds on Supabase the way Supabase is meant to be built on Claude Code. Codex. Cursor. One command, every agent. npx skills add supabase/agent-skills

Sam Rome

11,889 views • 2 months ago

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.
0:25

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

Motion

172,216 views • 7 days ago

As promised, here's my full workflow of how to vibe code 2d games like this: - PhaserJs skill for gamedev - Playwright skill for testing - Opus 4.5 / Gpt 5.2 - Claude Code / Codex CLI / Cursor Step-by-step video below👇 Source code + agent .mds + playable links in reply
32:21

As promised, here's my full workflow of how to vibe code 2d games like this: - PhaserJs skill for gamedev - Playwright skill for testing - Opus 4.5 / Gpt 5.2 - Claude Code / Codex CLI / Cursor Step-by-step video below👇 Source code + agent .mds + playable links in reply

Chong-U

179,960 views • 6 months ago

Introducing the Firecrawl Skill + CLI for Agents 🔥 Agents like Claude Code, Codex, and OpenCode need live quality context from the web. The CLI pulls web content to local files with bash-powered search for the highest token efficiency. $ npx skills add firecrawl/cli
0:24

Introducing the Firecrawl Skill + CLI for Agents 🔥 Agents like Claude Code, Codex, and OpenCode need live quality context from the web. The CLI pulls web content to local files with bash-powered search for the highest token efficiency. $ npx skills add firecrawl/cli

Firecrawl

87,256 views • 6 months ago

Skills allow you to extend Claude Code in new ways using pre-packaged instructions and code. For example, add the docx skill to let Claude Code create word documents. I think skills make Claude Code even better as a general purpose agent, I'm excited to see how you use them!
0:26

Skills allow you to extend Claude Code in new ways using pre-packaged instructions and code. For example, add the docx skill to let Claude Code create word documents. I think skills make Claude Code even better as a general purpose agent, I'm excited to see how you use them!

Thariq

127,899 views • 9 months ago

Codex /goal now has a native Kanban board. Starting a /goal run now fires up a lightweight Kanban board with clickable cards that move as Codex completes tasks. npx goalbuddy Or update with npx goalbuddy update Start the goal-prep skill
0:24

Codex /goal now has a native Kanban board. Starting a /goal run now fires up a lightweight Kanban board with clickable cards that move as Codex completes tasks. npx goalbuddy Or update with npx goalbuddy update Start the goal-prep skill

toli

148,044 views • 2 months ago

Today, Editframe emerges from stealth. Agents need video. Editframe Agent Skills: npm create Editframe@latest Just prompt Claude Code, Cursor, or Codex and get a working video or a full interactive GUI. This video was created just by prompting 👇
1:20

Today, Editframe emerges from stealth. Agents need video. Editframe Agent Skills: npm create Editframe@latest Just prompt Claude Code, Cursor, or Codex and get a working video or a full interactive GUI. This video was created just by prompting 👇

Jeremy Yudkin

361,112 views • 3 months ago

Meet Higgsfield CLI + Marketing Skills. Instead of burning tokens on bloated schemas, or shipping broken creative at scale, the CLI keeps agent spend lean and Skills keep output high quality. Pairs with Сodex, Claude Code, Openclaw etc. npx skills add higgsfield-ai/skills
0:36

Meet Higgsfield CLI + Marketing Skills. Instead of burning tokens on bloated schemas, or shipping broken creative at scale, the CLI keeps agent spend lean and Skills keep output high quality. Pairs with Сodex, Claude Code, Openclaw etc. npx skills add higgsfield-ai/skills

Higgsfield AI 🧩

337,579 views • 2 months ago

The HeyGen avatar skill is available for Claude Code now. I was playing around with Remotion + HeyGen to make a talking video. It works great! Here’s how you can do it: - Install the remotion skill - Install the heygen avatar skill: npx add-skill heygen-com/skills - Set up your HEYGEN_API_KEY (we offer free API credits if you have a HeyGen account) - Start prompting Check out the example video made with HeyGen + Remotion + Claude Code.
0:35

The HeyGen avatar skill is available for Claude Code now. I was playing around with Remotion + HeyGen to make a talking video. It works great! Here’s how you can do it: - Install the remotion skill - Install the heygen avatar skill: npx add-skill heygen-com/skills - Set up your HEYGEN_API_KEY (we offer free API credits if you have a HeyGen account) - Start prompting Check out the example video made with HeyGen + Remotion + Claude Code.

Joshua Xu

146,903 views • 6 months ago

Introducing... The Base Skills Repo 📙🔧 Power your Claude, Codex, OpenClaw with skills to build on Base I show in this video how I one shot a Base Pay demo in one simple prompt with the Base Account skill Use it now: npx skills add base/skills
3:30

Introducing... The Base Skills Repo 📙🔧 Power your Claude, Codex, OpenClaw with skills to build on Base I show in this video how I one shot a Base Pay demo in one simple prompt with the Base Account skill Use it now: npx skills add base/skills

Youssef

56,231 views • 5 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.
0:31

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

183,600 views • 4 months ago