不知道你们有没有这种感觉。
Cursor 用着用着,突然眼馋 Claude Code 的 Skills 生态——那些 Skill 传说中特别好用,能让 AI 助手学会各种专业技能。
但问题来了:我主力是 Cursor,总不能为了几个 Skill 换工具吧。来回换 IDE 太折腾了。
然后我就去找了一圈,发现 Vercel 做了一个开源工具,叫 skills。
就是来解决这个麻烦的。
说白了,它就是 AI 编程助手的「技能商店」。
你不用管自己用的是 Cursor、Claude Code 还是 Windsurf,一条命令把它们全部搞定:
npx skills add vercel-labs/agent-skills
它会自动检测你装了哪些 AI 编程工具,然后,把技能安装到对应的位置。
支持的工具列表我扫了一眼,40 多个,基本涵盖了所有主流 AI 编程助手:Claude Code、OpenCode、Cursor、Codex、Windsurf、GitHub Copilot、Trae……都有。
Vercel 官方出了一个技能包,我看了下,有几个挺实用的。
frontend-design
写 React 或者 Next.js 页面的时候,这个技能会提醒你注意性能问题。什么 bundle 优化、减少请求瀑布流、服务器端渲染注意事项……40 多条规则,覆盖得挺全。
web-design-guidelines
这个是代码审查用的。帮你检查界面的可访问性、响应式设计、暗黑模式支持这些。100 多条规则,开箱即用。
deployment
这个有意思。你跟 AI 说一句「帮我部署到 Vercel」,它就会自动打包上传,返回一个预览链接。
你不需要打开终端,不需要输入命令,直接对话就搞定。
除此之外,skills.sh 上面还有很多社区共享的技能,种类挺多的,可以自己去逛逛。
实测,不麻烦。
第一步,先看看库里都有什么技能:
npx skills add vercel-labs/agent-skills --list
第二步,安装全部,或者挑你想装的装:
# 装全部
npx skills add vercel-labs/agent-skills --all
# 指定工具安装
npx skills add vercel-labs/agent-skills -a claude-code -a cursor
装完之后怎么用?
直接跟你常用的 AI 编程工具说话就行,它会在合适的场景自动调用这些技能。不需要你记什么特殊命令。
这个工具的出发点很简单:GitHub 上从来不缺 Skills 仓库,缺的是一个统一的管理方式。
你想想,以前你想在 Cursor 里用 Claude Code 的某个 Skill,得手动翻仓库、下载、放到对应目录。万一你用的不是 Claude Code,可能还得改格式。
现在这些问题都没了。
一条命令搞定,自动识别目标工具,支持全局安装,一套技能跨项目复用。团队推广起来也方便。
适合这些人用:
有一点要提醒:
Node.js 版本需要 24.13.0 以上。还有一点:安装路径分项目级别和全局级别,团队协作建议用项目级别,方便统一管理。