Vercel Skills:让AI编程助手秒变全能

📅 2026-03-30 · 📌 公众号 · 🏷️ 好用Skill推荐

不知道你们有没有这种感觉。

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 以上。还有一点:安装路径分项目级别和全局级别,团队协作建议用项目级别,方便统一管理。

# AI Skills # Vercel # Claude Code # Cursor