Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

19,589 subscribers

82,514 görüntüleme • 1 ay önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

205,339 görüntüleme • 26 gün önce

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 görüntüleme • 3 ay önce

🆕 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 görüntüleme • 6 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 2 ay önce

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

837,330 görüntüleme • 3 ay önce

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

78,524 görüntüleme • 1 ay önce

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 görüntüleme • 25 gün önce

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

71,387 görüntüleme • 4 ay önce

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

62,092 görüntüleme • 4 ay önce

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

15,559 görüntüleme • 4 ay önce

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 görüntüleme • 4 ay önce

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

175,674 görüntüleme • 1 ay önce

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

180,086 görüntüleme • 7 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 4 ay önce

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

372,581 görüntüleme • 4 ay önce

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 🧩

340,225 görüntüleme • 4 ay önce