Loading video...

Video Failed to Load

Go Home

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

jakubkrehel's profile picture

Jakub Krehel

18,628 subscribers

46,409 views • 3 months 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

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 • 1 month 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

89,408 views • 2 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

71,008 views • 3 months ago

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

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

Jakub Antalik

59,985 views • 2 months ago

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

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

Jakub Antalik

75,546 views • 12 days ago

Your Claude Code just got fluent in crypto. Today, we released Surf Skill. The command line that replaces 60+ APIs. Compatible with any agentic environment. Try: npx skills add asksurf-ai/surf-skills
0:32

Your Claude Code just got fluent in crypto. Today, we released Surf Skill. The command line that replaces 60+ APIs. Compatible with any agentic environment. Try: npx skills add asksurf-ai/surf-skills

ryan 🌊

365,434 views • 4 months ago

It’s incredible that /make-interfaces-feel-better has already been installed more than 30,000 times. It contains a lot of tips that make interfaces feel better, across UI, animations, performance and more. npx skills add jakubkrehel/make-interfaces-feel-better
0:46

It’s incredible that /make-interfaces-feel-better has already been installed more than 30,000 times. It contains a lot of tips that make interfaces feel better, across UI, animations, performance and more. npx skills add jakubkrehel/make-interfaces-feel-better

Jakub Krehel

382,321 views • 1 month 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,963 views • 6 months 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

821,711 views • 2 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

102,889 views • 6 months ago

This week we're launching new skills for HyperFrames, each built around a workflow Today is pr-to-video Nobody reads pull requests. Now agents can turn them into a short explainer video npx skills add heygen-com/hyperframes New skill launching every day. Follow for more
0:31

This week we're launching new skills for HyperFrames, each built around a workflow Today is pr-to-video Nobody reads pull requests. Now agents can turn them into a short explainer video npx skills add heygen-com/hyperframes New skill launching every day. Follow for more

HeyGen

39,040 views • 1 month ago

How I keep my Agent Skills in sync across projects 00:25 Installing skills with npx skills add 02:18 Using your own private skills repo 03:30 Installing from a personal repo 04:35 Pushing local skills back with skill push 05:35 Why compounding skills matters
6:17

How I keep my Agent Skills in sync across projects 00:25 Installing skills with npx skills add 02:18 Using your own private skills repo 03:30 Installing from a personal repo 04:35 Pushing local skills back with skill push 05:35 Why compounding skills matters

matt palmer

19,465 views • 2 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

FastMCP 3.0 Skill is now available for Claude Code Install with: npx claude-code-templates@latest --skill=development/fastmcp-server --yes Adds 30 structured reference files + inside the skill, covering auth, context, features, providers, server setup, and more. If you’re building MCP servers, this gives Claude real, organized in-editor context to work with.
0:25

FastMCP 3.0 Skill is now available for Claude Code Install with: npx claude-code-templates@latest --skill=development/fastmcp-server --yes Adds 30 structured reference files + inside the skill, covering auth, context, features, providers, server setup, and more. If you’re building MCP servers, this gives Claude real, organized in-editor context to work with.

Daniel San

35,064 views • 5 months ago

The Warp team uses a lot of Skills to speed up our workflow, so we open-sourced them. > npx skills add warpdotdev/oz-skills Includes Skills for SEO and accessibility auditing, documentation writing, DevOps tasks like terraform configuration, and more.
0:21

The Warp team uses a lot of Skills to speed up our workflow, so we open-sourced them. > npx skills add warpdotdev/oz-skills Includes Skills for SEO and accessibility auditing, documentation writing, DevOps tasks like terraform configuration, and more.

Warp

233,837 views • 3 months ago

SKILLS ARE FOR CREATIVES so we cooked. Danger Testing's /samplecolor Skill pulls colors from our favorite artists and brings them into our apps If our apps feel like Harmony Korine, this is why.
1:10

SKILLS ARE FOR CREATIVES so we cooked. Danger Testing's /samplecolor Skill pulls colors from our favorite artists and brings them into our apps If our apps feel like Harmony Korine, this is why.

los (appstar)

37,632 views • 1 year ago

Meet AMD Skills: A growing catalog of agent skills that helps AI coding assistants work more effectively with AMD hardware and software. Compatible with coding agents including Cursor, Claude Code, OpenAI Codex, and Gemini CLI, AMD Skills provides the knowledge, scripts, and best practices developers need to build faster on AMD. Why try it? → Install in seconds with the Skills CLI → Learn AMD best practices and workflows → Build AI applications from client to cloud → Pick only the skills you need Get started: npx skills add amd/skills Explore the project, install a skill, and let us know what you'd like to see next:
0:40

Meet AMD Skills: A growing catalog of agent skills that helps AI coding assistants work more effectively with AMD hardware and software. Compatible with coding agents including Cursor, Claude Code, OpenAI Codex, and Gemini CLI, AMD Skills provides the knowledge, scripts, and best practices developers need to build faster on AMD. Why try it? → Install in seconds with the Skills CLI → Learn AMD best practices and workflows → Build AI applications from client to cloud → Pick only the skills you need Get started: npx skills add amd/skills Explore the project, install a skill, and let us know what you'd like to see next:

AI at AMD

13,313 views • 3 days ago

Introducing ´image-taste-mobile´, our first image skill for mobile apps. ChatGPT Images 2.0 is really good at generating UI screens. A lot of people asked for mobile skills so here it is. Generate clean mobile app screens and give them to your agent to turn them into code right away. Just add the skill file to Codex or ChatGPT.
0:28

Introducing ´image-taste-mobile´, our first image skill for mobile apps. ChatGPT Images 2.0 is really good at generating UI screens. A lot of people asked for mobile skills so here it is. Generate clean mobile app screens and give them to your agent to turn them into code right away. Just add the skill file to Codex or ChatGPT.

bluedev

92,715 views • 3 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

【NIKKE Motion Demonstration and Skill Introduction】 Snow Crane uses SR: Oath of Goodwill Snow Crane is a Defender who recovers her allies' HP and grants them buffs. When using her Burst Skill, she restores her allies' HP in one go with high potency and gains Pierce. HD Ver: 🔗: Check out Snow Crane's skills below! ※Skill level is valued as 10 ※There is a possibility that the skills may be changed in the future #NIKKE #SnowCrane
0:59

【NIKKE Motion Demonstration and Skill Introduction】 Snow Crane uses SR: Oath of Goodwill Snow Crane is a Defender who recovers her allies' HP and grants them buffs. When using her Burst Skill, she restores her allies' HP in one go with high potency and gains Pierce. HD Ver: 🔗: Check out Snow Crane's skills below! ※Skill level is valued as 10 ※There is a possibility that the skills may be changed in the future #NIKKE #SnowCrane

GODDESS OF VICTORY: NIKKE

222,180 views • 4 months ago