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.

Excited to publish my first skill: Prefer Container Queries It makes components respond to their container's width, not the viewport - so the same component adapts anywhere you drop it. npx skills add flornkm/skills

Florian

12,991 subscribers

78,470 views • 1 month ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing the WebGL component skill Fully free, helping agents keep accessibility and performance in mind. Shaders, Liquid Glass, you name it. npx skills add flornkm/skills

Introducing the WebGL component skill Fully free, helping agents keep accessibility and performance in mind. Shaders, Liquid Glass, you name it. npx skills add flornkm/skills

Florian

19,871 views • 1 month ago

We published a skill for Omni Flash so you can bootstrap video editing into your agent: ``` npx skills add google-gemini/gemini-skills --skill gemini-omni-flash-api ``` The skill covers the core workflows: - Text to video - Image references to video - First frame to video - Conversational video editing

We published a skill for Omni Flash so you can bootstrap video editing into your agent: ``` npx skills add google-gemini/gemini-skills --skill gemini-omni-flash-api ``` The skill covers the core workflows: - Text to video - Image references to video - First frame to video - Conversational video editing

Philipp Schmid

54,941 views • 3 months ago

Added a couple of examples of /better-interface, /interface-review, /explain-interface, /break and /variant to the skills page. /break is probably my favorite skill to use right now, it makes working on complex components so much easier.

Added a couple of examples of /better-interface, /interface-review, /explain-interface, /break and /variant to the skills page. /break is probably my favorite skill to use right now, it makes working on complex components so much easier.

Jakub Krehel

37,545 views • 3 days ago

Added 3 new transitions to You can grab them as a code or install them with the others as a skill npx skills add jakubantalik/transitions-dev

Added 3 new transitions to You can grab them as a code or install them with the others as a skill npx skills add jakubantalik/transitions-dev

Jakub Antalik

87,871 views • 4 months ago

I’ve been using 60% Apple-style corner smoothing all the time. But whenever I explain it to Codex or Claude Code, they often miss the point. So I made a skill that anyone can use with their AI agents: npx skills add gabrielobholz/corner-smoothing-skill Now I can simply say: “Create a rectangle with radius: 32 and smoothing: 60” and get the shape I actually mean.

I’ve been using 60% Apple-style corner smoothing all the time. But whenever I explain it to Codex or Claude Code, they often miss the point. So I made a skill that anyone can use with their AI agents: npx skills add gabrielobholz/corner-smoothing-skill Now I can simply say: “Create a rectangle with radius: 32 and smoothing: 60” and get the shape I actually mean.

Gabriel

97,712 views • 3 months ago

Releasing add-mcp - add-skill but for installing MCP servers MCP suffers from the same problem as agent skills: every agent ships its own config files. This makes installing MCP servers super annoying and add-mcp is meant to fix that.

Releasing add-mcp - add-skill but for installing MCP servers MCP suffers from the same problem as agent skills: every agent ships its own config files. This makes installing MCP servers super annoying and add-mcp is meant to fix that.

Andre Landgraf

35,165 views • 7 months ago

Get beautiful text animations. We built a hand-crafted collection of text animations and wrapped them as a SKILL for your AI agent. Use it with Remotion, Motion, GSAP, WAAPI, or any animation library. It comes with clear animation specs - pacing, curves, transitions - so your output looks great from the first prompt. Install it with: npx skills add pixel-point/animate-text --skill animate-text Use it /animate-text apply soft-blur-in to hero section text

Get beautiful text animations. We built a hand-crafted collection of text animations and wrapped them as a SKILL for your AI agent. Use it with Remotion, Motion, GSAP, WAAPI, or any animation library. It comes with clear animation specs - pacing, curves, transitions - so your output looks great from the first prompt. Install it with: npx skills add pixel-point/animate-text --skill animate-text Use it /animate-text apply soft-blur-in to hero section text

Alex Barashkov

129,508 views • 5 months ago

Claude Code can now go find the right skill itself, instead of you searching for one. it's called find-skills. a small package that plugs into Claude Code, and instead of you hunting for rest, you just describe the task and it searches the whole open skills ecosystem, finds the ones that fit, and installs them for you. > tell it what you're trying to do, in plain english > it scans the skills registry and maps your task to real skills > it pulls the right ones in and sets them up half the time you don't even know a skill exists for what you're doing. now you don't have to.

Claude Code can now go find the right skill itself, instead of you searching for one. it's called find-skills. a small package that plugs into Claude Code, and instead of you hunting for rest, you just describe the task and it searches the whole open skills ecosystem, finds the ones that fit, and installs them for you. > tell it what you're trying to do, in plain english > it scans the skills registry and maps your task to real skills > it pulls the right ones in and sets them up half the time you don't even know a skill exists for what you're doing. now you don't have to.

Alvaro Cintas

38,829 views • 1 month ago

So it works now! If you have Bakery, can you try getting the latest github patch and using it? Add "Bakery Light Filter" component to an object to make it act like stained glass 😋 (video from RTPreview for fanciness, but it looks the same when baked) #gamedev

So it works now! If you have Bakery, can you try getting the latest github patch and using it? Add "Bakery Light Filter" component to an object to make it act like stained glass 😋 (video from RTPreview for fanciness, but it looks the same when baked) #gamedev

Mr F

236,686 views • 1 year ago

Are you excited about basketball season? 🏀 The NBA is in full swing and it is time to show off your skills. What will you do first? Hit the gym or hit the courts? #GameFi #Basketball

Are you excited about basketball season? 🏀 The NBA is in full swing and it is time to show off your skills. What will you do first? Hit the gym or hit the courts? #GameFi #Basketball

TBP Hub

19,431 views • 2 years ago

Spent my day today at a gymnastics seminar learning ring muscle up skills! We learned so much in one day and I’m excited to apply it not just to my own training, but to my coaching as well

Spent my day today at a gymnastics seminar learning ring muscle up skills! We learned so much in one day and I’m excited to apply it not just to my own training, but to my coaching as well

She-Rage, Princess of Pain

17,342 views • 8 months ago

👤 did you pass the audition for sm with your singing skills? 🦊 i passed it with my dancing.. 👤 but how did you get to sing so well too then? 🦊 i somehow improved my singing skills eventually,,

👤 did you pass the audition for sm with your singing skills? 🦊 i passed it with my dancing.. 👤 but how did you get to sing so well too then? 🦊 i somehow improved my singing skills eventually,,

‏ً

72,246 views • 2 years ago

Out of sheer frustration ... I decided to vibe code my own tile map editor to see if it can help with making my agent skills be able to build better levels. It also proves that the agent skill is sufficiently good enough to know how to read the tilemaps - just bad at level design. So maybe I just need to build a level design skill.

Out of sheer frustration ... I decided to vibe code my own tile map editor to see if it can help with making my agent skills be able to build better levels. It also proves that the agent skill is sufficiently good enough to know how to read the tilemaps - just bad at level design. So maybe I just need to build a level design skill.

Chong-U

37,202 views • 8 months ago

You probably already saw this everywhere else first, but just in case you missed it…here’s the teaser we posted on our other socials 👀 🌊 Whose excited? Also rate my jetski skills?

You probably already saw this everywhere else first, but just in case you missed it…here’s the teaser we posted on our other socials 👀 🌊 Whose excited? Also rate my jetski skills?

Royale High ✨

172,039 views • 5 months ago

🚨NEW SKILL MOVE This NEW skill move is one of the best skills on FC 25 right now! 🫶 To perform this skill move you need to hold down L1/LB and flick the right analogue in the direction you’re facing and then in the direction you want to go. Use it around the box ✅

🚨NEW SKILL MOVE This NEW skill move is one of the best skills on FC 25 right now! 🫶 To perform this skill move you need to hold down L1/LB and flick the right analogue in the direction you’re facing and then in the direction you want to go. Use it around the box ✅

Jake

241,953 views • 2 years ago

Excited to announce AI Research Skills - an open-source library of 82 specialized skills for AI coding tools. One command gives your agent expert knowledge in: → Model training & fine-tuning (TRL, Unsloth ...) → Distributed systems (DeepSpeed, FSDP ...) → Inference optimization (vLLM, TensorRT ...) → Agent building ? (Langchain, AutoGPT ...) Works with Claude Code, Cursor, Gemini CLI, Windsurf, and Codex with one click interactive installation @ npx orchestra-research/ai-research-skills If you found the ML paper writing skill useful, check out the comprehensive collection

Excited to announce AI Research Skills - an open-source library of 82 specialized skills for AI coding tools. One command gives your agent expert knowledge in: → Model training & fine-tuning (TRL, Unsloth ...) → Distributed systems (DeepSpeed, FSDP ...) → Inference optimization (vLLM, TensorRT ...) → Agent building ? (Langchain, AutoGPT ...) Works with Claude Code, Cursor, Gemini CLI, Windsurf, and Codex with one click interactive installation @ npx orchestra-research/ai-research-skills If you found the ML paper writing skill useful, check out the comprehensive collection

Zechen Zhang

75,583 views • 8 months ago

that’s it. you only have to read this one article to: > learn claude skill foundations > learn claude skill architecture > learn claude skill testing > learn claude skill production which will let you create claude skills that: 1: automate your workflow’s 2: make you more productive 3: outperform your competitors welcome to the land of automation my claude cowork and claude code friends!

that’s it. you only have to read this one article to: > learn claude skill foundations > learn claude skill architecture > learn claude skill testing > learn claude skill production which will let you create claude skills that: 1: automate your workflow’s 2: make you more productive 3: outperform your competitors welcome to the land of automation my claude cowork and claude code friends!

hoeem

509,565 views • 6 months ago

Claude Code Scheduled Tasks is now available... here's a solid idea to connect it with Telegram Save this so you don't forget to set it up! First, ask Claude to add a simple Telegram messaging module to your repo. You can use the Telegram Bot Builder Skill from Link: Install command: npx claude-code-templates@latest --skill enterprise-communication/telegram-bot-builder Once the module is in your project, grab your bot credentials from BotFather and add the bot ID to your .env file That's it! ✅ Now every Scheduled Task you create should end with an instruction for Claude to send the task result to Telegram using that module. Claude will handle the delivery automatically on every task it runs

Claude Code Scheduled Tasks is now available... here's a solid idea to connect it with Telegram Save this so you don't forget to set it up! First, ask Claude to add a simple Telegram messaging module to your repo. You can use the Telegram Bot Builder Skill from Link: Install command: npx claude-code-templates@latest --skill enterprise-communication/telegram-bot-builder Once the module is in your project, grab your bot credentials from BotFather and add the bot ID to your .env file That's it! ✅ Now every Scheduled Task you create should end with an instruction for Claude to send the task result to Telegram using that module. Claude will handle the delivery automatically on every task it runs

Daniel San

91,123 views • 6 months ago

Most of my motion videos are now done fully by agents. Best approach I found looks sth like this: - Scribble out the rough storyboard - Hand it to an agent with a short description - Agent builds each scene with real components from the codebase - Skills & references handle the camera, transitions, cuts, easing and pacing It's impressive how fast you can get to sth solid, if you have the right workflow & skills.

Most of my motion videos are now done fully by agents. Best approach I found looks sth like this: - Scribble out the rough storyboard - Hand it to an agent with a short description - Agent builds each scene with real components from the codebase - Skills & references handle the camera, transitions, cuts, easing and pacing It's impressive how fast you can get to sth solid, if you have the right workflow & skills.

Nils

44,251 views • 15 days ago

"It's not racist to say Cracker." "Yes it is! When you throw the hard R in there, that makes it racist." "I prefer Saltine American." BASED🤣

"It's not racist to say Cracker." "Yes it is! When you throw the hard R in there, that makes it racist." "I prefer Saltine American." BASED🤣

AmericanPapaBear™

62,317 views • 9 months ago