Loading video...

Video Failed to Load

Go Home

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

Jakubantalik's profile picture

Jakub Antalik

19,590 subscribers

61,281 views • 3 months ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

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

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

203,556 views • 23 days ago

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

90,132 views • 3 months 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

51,893 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 • 6 months ago

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

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,016 views • 2 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,999 views • 11 months ago

Skills shopping cart for Claude Code In this video I show how I add Railway Skills to a “shopping cart”. After selecting the Skills I need, I copy a single command and they’re added directly to my project. I built to make the composition of Claude Code components as flexible as possible. You can install settings, hooks, subagents, and anything new that gets added to Claude Code will appear on the site. It’s fully open source and community-maintained. If you want to contribute, you’re welcome to fix or update components, download and use the existing ones, or simply support the project by leaving a star on GitHub. Repo:
1:18

Skills shopping cart for Claude Code In this video I show how I add Railway Skills to a “shopping cart”. After selecting the Skills I need, I copy a single command and they’re added directly to my project. I built to make the composition of Claude Code components as flexible as possible. You can install settings, hooks, subagents, and anything new that gets added to Claude Code will appear on the site. It’s fully open source and community-maintained. If you want to contribute, you’re welcome to fix or update components, download and use the existing ones, or simply support the project by leaving a star on GitHub. Repo:

Daniel San

20,460 views • 8 months ago

New: Use skills with local agents! Keep your skills in Notion as your source of truth, then download them to Claude Code, Codex, Cursor, Gemini, or Grok. You’ll get a SKILL.md plus any approved files. So you can use your skills wherever you work.
0:32

New: Use skills with local agents! Keep your skills in Notion as your source of truth, then download them to Claude Code, Codex, Cursor, Gemini, or Grok. You’ll get a SKILL.md plus any approved files. So you can use your skills wherever you work.

Notion

145,282 views • 22 days 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

147,051 views • 7 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

62,979 views • 2 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

184,159 views • 5 months ago

/oklch-skill Work with colors as we see them. Convert, migrate, generate palettes, check contrast and more. npx skills add jakubkrehel/oklch-skill
0:22

/oklch-skill Work with colors as we see them. Convert, migrate, generate palettes, check contrast and more. npx skills add jakubkrehel/oklch-skill

Jakub Krehel

47,012 views • 4 months ago

You can now run Codex & Claude Code from your phone. I added it to The Vibe Companion. Claude Code or Codex, same UI, no extra API costs. Pick your agent. Ship from anywhere. Install -> bunx the-vibe-companion
0:24

You can now run Codex & Claude Code from your phone. I added it to The Vibe Companion. Claude Code or Codex, same UI, no extra API costs. Pick your agent. Ship from anywhere. Install -> bunx the-vibe-companion

Stan Girard

28,418 views • 7 months ago

I built a new plugin! You can now trigger Codex from Claude Code! Use the Codex plugin for Claude Code to delegate tasks to Codex or have Codex review your changes using your ChatGPT subscription. Start by installing the plugin:
0:39

I built a new plugin! You can now trigger Codex from Claude Code! Use the Codex plugin for Claude Code to delegate tasks to Codex or have Codex review your changes using your ChatGPT subscription. Start by installing the plugin:

dominik kundel

1,289,686 views • 5 months ago

New for financial services: ready-to-run Claude agent templates for building pitches, conducting valuation reviews, closing the books at month-end, and more. Install them as plugins in Cowork and Claude Code, or use our cookbooks to run them in production as Managed Agents.
1:03

New for financial services: ready-to-run Claude agent templates for building pitches, conducting valuation reviews, closing the books at month-end, and more. Install them as plugins in Cowork and Claude Code, or use our cookbooks to run them in production as Managed Agents.

Claude

13,705,412 views • 4 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 • 7 months ago

🤔First Text/Image-to-3D Skill? 🔥Claude Code just made a selfie for Grok & itself instantly with Rodin #3D #Skill 😂 🚀Quick Setup: /plugin marketplace add DeemosTech/rodin3d-skills /plugin install rodin3d-skill@rodin3d-skills Free to use! Just ask #Claude to generate🎨
0:35

🤔First Text/Image-to-3D Skill? 🔥Claude Code just made a selfie for Grok & itself instantly with Rodin #3D #Skill 😂 🚀Quick Setup: /plugin marketplace add DeemosTech/rodin3d-skills /plugin install rodin3d-skill@rodin3d-skills Free to use! Just ask #Claude to generate🎨

Hyper3D by Deemos

103,389 views • 7 months ago

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

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 views • 2 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

149,467 views • 4 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,325 views • 6 months ago