In this video we talk about the new Vercel Skills release, the fact it’s an npm package literally called “skills,” and how it installs into agent-specific folder structures (like Claude Code) based on what you select. We also cover the Skills Directory with its trending view, why the Remotion best practices skill is popping off right now, and how you can use skills to audit websites faster for clients or potential clients. Plus, we clarify the overlap people keep mixing up: slash commands as repeatable shortcuts, skills as persistent reference/guidelines, and agents as looped recursive task runners that can use both.
—
TIMESTAMPS:
00:00 Vercel Skills Drop
00:28 Skills for Audits
01:28 Installing via npx
02:11 Skills Directory Find
02:51 Create Your Own
03:50 Trending Skills
05:18 Commands vs Skills
06:20 Agents Explained
06:46 Why This Matters
—
Unlock the full potential of your online presence with Kabarza and Samuel—experts in web design and development (respectively), powered by cutting-edge AI solutions. We blend creative design with advanced tech to deliver smart, high-impact websites that stand out. Ready to elevate your business? Contact us today and see what AI-driven innovation can do for you!
LINKS & RESOURCES:
Check out Kabarza's amazing work: https://kabarza.com
Visit Samuel's website for more: https://samuelgregory.co.uk
📷 Follow on Instagram: https://www.instagram.com/cmdaishow
—
HASHTAGS:
#Vercel #ClaudeCode #CursorAI #AIWebDevelopment #Remotion #ai #podcast #aidesign #aidevelopment #vibecoding #webdesign #webdevelopment #ainews #webnews #designnews #devnews #claudecode #skills #vercel
Transcript
That's remotion. Really exciting, really cool. But this comes off the back of the next topic we're going to talk about, which is something from Versel. So Versel has released this project skills. It's a a collection of skills. They've even got a skills leaderboard where you can download these skills such as Vel React best practices. So if you're working on a VEL project, you'll have this skill and it's and claude code or whatever you're doing has got a reference to that. This here number three is the remotion best practices that you see also a few audits. Uh this gives me the idea I will I will use these um to audit a few websites maybe potentially for like my my clients or like my potential clients. If the results are good, I could just, you know, very easily audit many websites at the same time or like quite fast and then just send these potential clients an email saying like, "Hey, here are things that we could do better." Something like that. Yeah. So you see up here all of the different agents that this new because um crawled code I think correct me if I'm wrong people claw code was the first to introduce the idea of skills but now we're starting to see it in clin uh probably codeex cursor here skills are starting to roll out because they're becoming an important part of AI development. So what they've done is create an mpm package called skills. God knows how they got that. That's pretty that's a pretty good uh name for an npm package. Um and you can add them with MPX skill ad Versel Labs. And then it'll ask you where do you want to install this? Do you want to install it in your project because you might just want the reotion skill in a certain particular project or do you want to install it globally? And then which tool which uh agent are you actually using it with? Because it's it'll be different for different agents. So it installed mine in the claw code um particular folder structure for claw code. So this is great. This is this is a really handy package for getting involved in skills. But you found there was another there was a few more, right? You found a few lingering around on the web. So I found also this one skills directory. It looks pretty cool. And something that this does it allows me to see what other people are doing with AI essentially, right? But in research like I could imagine doing u some research and looking at how people are doing some like certain stuff that would be uh something next that I will do. I see there are a lot of development skills. Um not many in other actually uh but yeah that they have like 3,500 skills and and by the way you can create your own skills and to plug my little Claude code course. I'll be doing uh a lesson on how to create your how to install and how to create your own skills. The easy example they give is like brand guidelines. If your company, if you if you if your company has a certain way of doing things, colors, fonts, and things like that, you have a brand guideline skill. So that means anything clawed code, cursor, or any whatever agent you're using, uh does something in a codebase with that skill, it knows to always create things in a certain way rather than just laying it loose and designing it the way that Claude Code or whatever designed stuff. So definitely um definitely worth checking out. That's on my Patreon. Uh patreon.comxm5. Uh but yeah, either way, you can create your own skills. You're not limited to these. These are just these this is just a marketplace. These are just um other people's a directory. Directory directory. That's a better place, better way to say it. Yeah. Um because yeah, you'll see there it's got trending which you've got selected. These you can see the remotion one is trending at the moment. So you can sort of see a real time thing of what keep an eye on what people are doing with them or what's getting popular right now. new trendy one might come out tomorrow even, you know. But yeah, that's UIUX Pro Max. I don't know what that is, but that's also quite interesting. Do you reckon it's Apple? Do you reckon it's Apple stuff? Yeah. Anyway, like at the end of the day, I want to go through these and just kind of like have it as a directory of cool things that other people are doing and potentially what I could do. Um, I can imagine, by the way, to go through these, find a few that are very interesting and relay them to my team. So, instead of like me myself like going through every one of these and do it myself, I might find something specifically interesting for one of my teammates and say, can you like go do this and tell me like how you feel about it, how how it does for you. So potentially and and let's say for example you move your your cabbazo website off to a code project you know a nextjs project having a you create a skill for your how you know the colors and and whatever how it looks so that may whenever whenever your team wants to add a feature to that website they'll prompt it but it will always look and feel the same way. Maybe you'll have a set of rules and things like that. Um, makes sense. And just to just um a lot of confu there's a lot of confusion between commands, skills, and agents and that they all kind of cross over in this kind of, you know, they they all overlap in some ways. Slash commands are more in the way of like repeatable things that you want to do. I want to push, you know, I don't want to have to write a prompt to push this commit and write this message and do this, that, and the other. So you might create a slash command to do that. Uh it's just a shortcut way of doing something. Whereas skills are more persistent. They're more reference. There something that the agent can refer to to get a job done. It's not a prompt. It's not telling it what to do. You're telling it in what to do. And then this is just a a it's a tool. It's a tool that got to be careful with all these terms because it's not a tool. It's not a tool. um it is a it's something that the AI can use to to do what it needs to do. It's a guideline and all that sort of lot. So yeah and and agents are more um recursive tasks in a loop tasks that it will do. So agents sub agents can use skills as an example and it can use slash commands. So any questions on any of that let us know. I'd greatly appreciate that because then those can work its way into the course. Um yeah, that's skills in a nutshell and uh the new versel skills mpm package which makes it incredibly easy to add skills to whatever agent that you guys want to use. This is part of a larger conversation on my show Command AI which we stream live every single week. We discuss the news and all things related to AI in the world of design and web. Catch us next week and join in the banter.