Loading video...

Video Failed to Load

Go Home

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

flornkm's profile picture

Florian

12,546 subscribers

18,023 views • 15 days ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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

76,762 views • 1 month ago

Introducing text-to-lottie: an open source skill and harness for generating production ready Lottie animations with codex/claude code. $ npx skills add diffusionstudio/lottie Prompts guide and repo in the comments.
0:12

Introducing text-to-lottie: an open source skill and harness for generating production ready Lottie animations with codex/claude code. $ npx skills add diffusionstudio/lottie Prompts guide and repo in the comments.

konstantinpaulus

879,422 views • 2 months ago

Created a new skill Transition polish The skill is focused on transition refinement by adjusting motion tokens instead of replacing the whole transition. npx skills add Jakubantalik/transitions.dev -s transitions-polish Or use it with Refine tool (visual layer for the skill) npx transitions-refine live
0:10

Created a new skill Transition polish The skill is focused on transition refinement by adjusting motion tokens instead of replacing the whole transition. npx skills add Jakubantalik/transitions.dev -s transitions-polish Or use it with Refine tool (visual layer for the skill) npx transitions-refine live

Jakub Antalik

29,826 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
0:10

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 • 2 months ago

Introducing React Native Doctor Find performance and security bugs in your mobile app Run via CLI and fix with agents. Fully open source npx react-doctor@latest
0:17

Introducing React Native Doctor Find performance and security bugs in your mobile app Run via CLI and fix with agents. Fully open source npx react-doctor@latest

Aiden Bai

171,606 views • 3 months ago

Introducing Solana Agent Skills Pre-built skills you can drop into AI tools to interact with Solana. Install in one line and build agents that know Solana.
0:18

Introducing Solana Agent Skills Pre-built skills you can drop into AI tools to interact with Solana. Install in one line and build agents that know Solana.

Solana Foundation

383,379 views • 5 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.
0:14

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

95,841 views • 2 months ago

introducing: liquid glass element for Framer a draggable frosted glass effect that feels tactile and smooth — perfect for adding depth to any layout. comment "GLASS" and i’ll send you the comp for free :)
0:11

introducing: liquid glass element for Framer a draggable frosted glass effect that feels tactile and smooth — perfect for adding depth to any layout. comment "GLASS" and i’ll send you the comp for free :)

Framer University

44,045 views • 1 year 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.
0:16

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 • 20 days ago

introducing: 3D image scan effect for Framer. fully customizable, with built-in interactivity and multiple visual modes. retweet & comment the word "SCAN" and i'll send you the component for free :)
0:18

introducing: 3D image scan effect for Framer. fully customizable, with built-in interactivity and multiple visual modes. retweet & comment the word "SCAN" and i'll send you the component for free :)

Framer University

13,224 views • 1 year ago

introducing: interactive animated 3d globe for Framer. a fully customizable globe with rotation, drag, markers, and visual styling. comment “GLOBE” and i’ll send you the component for free :)
0:10

introducing: interactive animated 3d globe for Framer. a fully customizable globe with rotation, drag, markers, and visual styling. comment “GLOBE” and i’ll send you the component for free :)

Framer University

42,530 views • 8 months ago

We heard you – now you can add Skills to Dia with one click. Browse the marketplace, add your favorites, and start using new Skills instantly. Our team is on fire. Big Dia upgrades arriving in the coming weeks. Dia is about to get much smarter and more personalized!
0:16

We heard you – now you can add Skills to Dia with one click. Browse the marketplace, add your favorites, and start using new Skills instantly. Our team is on fire. Big Dia upgrades arriving in the coming weeks. Dia is about to get much smarter and more personalized!

Josh Miller

43,815 views • 1 year 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
0:13

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

128,950 views • 4 months ago

iOS 26.4 beta 4 adds a “Reduce Bright Effects” toggle to minimize highlighting and flashing when interacting with Liquid Glass elements. You can find it in Settings > Accessibility > Display & Text Size.
0:16

iOS 26.4 beta 4 adds a “Reduce Bright Effects” toggle to minimize highlighting and flashing when interacting with Liquid Glass elements. You can find it in Settings > Accessibility > Display & Text Size.

Beta Profiles

259,831 views • 5 months ago

For skills that include a map, when you equip the skill and then go in and out of the settings tab, the cursor gets stuck and you can't use the skill. Riot Riviere Riot Nu (Marcus Reid)
0:17

For skills that include a map, when you equip the skill and then go in and out of the settings tab, the cursor gets stuck and you can't use the skill. Riot Riviere Riot Nu (Marcus Reid)

valohabercisi

443,074 views • 3 months ago

Introducing MycAIreer Prompt Bank 🏦 : Prompt your way to acing interviews, increasing salaries, getting the job & more! Who’s ready? Enter MycAIreer Prompt: “For a [job title] interview at [company], suggest 5 common questions and strong answers based on my skills in [skill 1, skill 2, skill 3].” Try it now 🔗:
0:14

Introducing MycAIreer Prompt Bank 🏦 : Prompt your way to acing interviews, increasing salaries, getting the job & more! Who’s ready? Enter MycAIreer Prompt: “For a [job title] interview at [company], suggest 5 common questions and strong answers based on my skills in [skill 1, skill 2, skill 3].” Try it now 🔗:

𝘚𝘩𝘢𝘩𝘪𝘥𝘢𝘩 𝘌𝘭𝘭𝘪𝘴

83,362 views • 9 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 ✅
0:15

🚨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 • 1 year 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
0:15

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

i just open-sourced one of our internal GTM skills introducing the /company-research skill ask your agent to build you a target account list - it finds prospects that fit your ICP and runs deep research on every company via the Browserbase CLI
0:19

i just open-sourced one of our internal GTM skills introducing the /company-research skill ask your agent to build you a target account list - it finds prospects that fit your ICP and runs deep research on every company via the Browserbase CLI

Jay

89,929 views • 4 months ago