狂揽2.4万星标:一行命令,AI会自己找技能了

狂揽2.4万星标:一行命令,AI会自己找技能了

2026年1月,Vercel创始人Guillermo Rauch在X上发了一条推文:"我们正在推出skills------AI技能的『npm』。"五个月后,这个名为vercel-labs/skills的开源仓库在GitHub上狂揽2.4万星标 ,skills.sh上的头号技能包find-skills安装量冲到230万次。AI编程工具,开始"装包"了。

一、从前是人给AI装能力,如今是AI自己去找

以往,开发者们见面交换的是提示词(prompt)模板。现在,风向变了。大家在互相打听的,是你该装哪个技能(skill)。

这背后,藏着一个更大的转变:AI编程工具,开始「装包」了

今年1月17日上午,Vercel创始人兼CEO Guillermo Rauch在X上发了一条推文:"我们正在推出skills------AI技能的『npm』。"所谓npm,是前端工程师天天用的那个包管理器,一行命令就能把别人写好的东西装进自己的项目。Rauch的言下之意是:这套"一行命令装好别人成果"的体验,这次要搬到AI身上了。

三天后,Vercel在更新日志里正式官宣了它:一个为智能体安装和管理能力包的命令行工具。这个官方仓库vercel-labs/skills,发布仅五个月,GitHub星标就冲到了2.4万

凭什么这么火?简单到只有一行命令:

bash 复制代码
npx skills add <package>

说白了,它就是AI智能体(AI agent)的包管理器。像前端工程师天天用的npm,一行命令把别人写好的东西装进项目,只不过这回装的不是代码库,而是**"能力"**。

更狠的是,它不挑工具。Claude Code、Cursor、Codex、Gemini CLI......官方支持的智能体已经超过68个 。一份能力包,装进哪个工具都能跑。截至2026年8月,这一数字已扩展至72个以上

Vercel还顺手上线了skills.sh ,一个技能目录加安装量排行榜,哪个技能火、被装了多少次,一目了然。榜首名叫find-skills的包,安装量已经冲到230万次AI编程能力,第一次有了「热门下载」的排行榜

二、一行命令,AI学会了一门新手艺

先看它到底干了什么。

bash 复制代码
npx skills add vercel-labs/agent-skills

回车。几秒钟后,你的Claude Code就多了一套React、Next.js的工程规范,外加一套设计准则。下次它写代码,自动按这套规矩来。

这套东西,官方叫**"技能包(skill)"** 。本质上是一个文件夹,核心是一份带YAML头的SKILL.md,写清楚两件事:这个技能是什么,什么时候该用 。文件夹里还能放参考文档、模板,以及一个专门的scripts/目录,里面是能直接执行的脚本。

它解决的痛点特别实在

大语言模型懂通用的编程语言和框架,可它不懂你这个项目的"土规矩" ------你们的代码风格、命名习惯、踩过的坑。以前这些只能靠你每次开新对话一遍遍复述,现在打包成一个skill,装一次,长期生效。

装完还能像管npm包一样管它:list看装了哪些,update一键更新,remove删掉。底层是一套共享规范,你给Claude Code装的,换到Cursor照样跑。

要是连装都嫌麻烦,还有更轻的玩法:不装,直接用。一条npx skills use,把技能临时拉过来,管道一接喂给Claude跑,用完即走,连本地目录都不会"弄脏"。

过去AI的能力边界,靠你嘴皮子怎么描述。现在,能力变成了货架上一个个可以直接取下来的包

三、AI工具层的"npm化"

很多人可能会把它当成Claude的新功能。但它来自Vercel,并非Anthropic的原生能力。

Claude Code、Cursor、Codex、GitHub Copilot、Windsurf......全是被支持的对象,不是竞争对手。skills CLI把它们一股脑接进来,统一一个入口。

入口背后是什么?是Vercel在AI工具层复制它做过的事:先把碎片化的经验封装成可复用、可分发、可版本管理的模块,然后卡住分发入口。当年它靠Next.js卡住了部署入口。如今它想在AI Agent这一层,把同样的故事再讲一遍

Vercel对Skills的定位是:AI Agent的 "可安装能力包" ,用来把"专业流程/团队规范/工具链知识"沉淀成可分发、可复用的单元。

在2026年6月发布的skills@1.1.1版本 中,Vercel进一步开放了整个代码库,新增了交互式技能发现 功能。开发者现在可以用npx skills find进行交互式搜索,不再需要知道具体包名。技能维护也变得更简单------npx skills update可以一次性更新所有已安装技能。

通用的AI不值钱了,能被调用的专家经验才值钱

四、Top 10技能实测:哪些真有用?

skills.sh上线后,排行榜上的数字已经卷到离谱------第一名240万 热度,第二名60万+ ,连第十名都有35万+

我花了两天时间,把Top 10全部装上、挨个跑了一遍。下面是结果:

排名 Skill名称 作者 热度 一句话评价
#1 find-skills vercel-labs 2.4M 生态入口,不装这个其他都白搭
#2 frontend-design anthropics 628K Anthropic官方出品,专治"AI味"页面
#3 vercel-react-best-practices vercel-labs 527K 70条React/Next.js性能规则,硬核
#4 agent-browser vercel-labs 514K 让AI自己开浏览器干活
#5 grill-me mattpocock 459K 灵魂拷问型选手,专治方案漏洞
#6 web-design-guidelines vercel-labs 440K Vercel版UI设计规范审查器
#7 microsoft-foundry microsoft 432K 微软Azure AI Foundry专用
#8 remotion-best-practices remotion-dev 416K 用React写视频,真香
#9 improve-codebase-architecture mattpocock 408K 架构体检师,帮你找代码里的"技术债"
#10 tdd mattpocock 390K AI辅助TDD,测试先行的终极形态

一个有意思的现象:Top 10里Vercel占了4席、Matt Pocock(TypeScript顶级大神)一个人占了3席、Anthropic和Microsoft各1席。Vercel系和Matt Pocock系基本瓜分了半壁江山。

另一个值得关注的细节是:skills这个npm包名是9年前发布的,之后就一直没更新,基本上废弃状态 。Vercel联系了原持有者沟通转移,最终成功拿到了这个包名。一个9年前被废弃的包名,在AI时代被重新激活------这本身就是AI编程工具层正在经历结构性变革的一个注脚。

五、四大明星Skill深度拆解

frontend-design:专治"AI味"页面

来自Anthropic官方,目标很简单:让Claude做出来的东西别那么"AI味"

你可能有过这种体验------让Claude帮忙做个网页或PPT,出来的东西能用,但没特色,一眼就知道是AI做的。这个Skill就是治这个的。

它明确告诉Claude不要用 什么:不要用Inter、Roboto、Arial这些"标准字体";不要用紫色渐变配白底(AI最爱用,已经烂大街了);不要用对称布局。同时告诉Claude应该怎么做:选择有个性的字体;配色要有主次,主色大胆、强调色锐利;动效要克制。

这个Skill好在"反套路" 。Claude其实懂什么是好设计,但它容易偷懒。这个Skill就是逼它动脑子。

vercel-react-best-practices:40+条性能"军规"

这是Vercel工程团队亲自打磨的React专属Skills集合。它汇集了40多条经过实战检验的性能优化规则,涵盖了从React基础组件到Next.js服务端渲染的方方面面。

核心目标只有一个:确保你的代码拥有最佳的性能模式 。这套最佳实践将优化规则按影响力分为了8个类别:

  • 消除瀑布流(CRITICAL) :能并行的请求绝对不要串行,使用Promise.all
  • 包体积优化(CRITICAL) :拒绝"全家桶"式导入,使用next/dynamic进行懒加载
  • 服务端性能(HIGH) :使用React.cache()进行请求级去重
  • 客户端数据获取 & 重渲染优化(MEDIUM) :使用SWR进行请求去重

Vercel CEO Guillermo Rauch对此的评价很直接:"用这个Skill相当于雇佣了一个mini版的10年经验React开发者。"

不管是写新代码、Code Review,还是重构老项目,这个Skill都能像一位资深架构师一样,坐在你旁边指点江山。

agent-browser:让AI自己开浏览器干活

这个Skill不太一样,它不是"知识库",而是 "工具" 。装上之后,Claude可以帮你操作浏览器:自动打开网页、点击按钮、填写表单;批量截图;自动登录网站(保存登录状态,下次直接用);录制操作过程。

举个例子:你是运营,每天要登录5个平台查数据。以前要一个个打开、登录、截图。现在可以让Claude帮你自动完成,最后把截图整理好发给你。

再比如:你是产品经理,想看竞品的某个功能在不同页面的表现。Claude可以自动打开这些页面、截图、整理成文档。

这个Skill说明Skills不只是给程序员用的。自动化网页操作,运营、测试、产品都能用得上

截至2026年8月,agent-browser的安装量已突破60万次,是Claude Code Top 100中增速最快的Skill。

find-skills:AI的"能力搜索引擎"

这是整个Skills生态的入口。它的作用是让AI根据用户需求自动搜索、筛选并安装合适的技能。相当于为AI提供了"能力搜索引擎"。

它的SKILL.md源码中明确写入了三道推荐前的验质规则:安装量优先1000+、警惕100以下,来源优先Vercel、Anthropic、微软等官方源,仓库星标低于100要存疑。

它让AI从一个"什么都不会的新人",变成了一个"知道去哪里找工具的老手"。

六、但历史也告诉我们:便利和安全总是打包寄到的

AI能力的"npm时刻"已经到来,但安全风险也同步存在

2026年6月,Trail of Bits公布了一份让整个AI Agent生态震动的报告:ClawHub、Cisco、Vercel三大平台的Skills安全扫描器,全部可在1小时内被绕过

紧接着,在2026年8月的Black Hat USA大会上,安全研究机构Zenity Labs披露了一起触目惊心的恶意技能窃密行动 。一个恶意技能家族通过Vercel的skills.sh平台传播,累计安装量超过170万次。这些恶意技能主要滥用Claude Code和OpenClaw来投放恶意软件。

Zenity披露后,Vercel和微软GitHub在12小时内 下架了相关恶意技能和仓库。但安全专家警告:那些在恶意技能被下架之前就已经安装过的用户,仍然面临风险,必须手动从系统中移除

这就像npm当年踩过的坑一样------生态越繁荣,安全风险越大。 npm经历了多年才建立起相对完善的安全审查机制,而Skills生态刚刚起步,安全基础设施还远远不够。

好消息是,Vercel已经与Gen、Socket、Snyk等安全合作伙伴合作,对超过6万个技能进行自动化安全审计,并在每个技能的详情页上公开审计结果。从skills@1.4.0开始,添加技能时会清晰显示审计结果和风险等级。

七、更大的图景:从"提示词工程"到"能力工程"

Skills的火爆不是孤立事件。它标志着AI编程工具层正在经历一次结构性迁徙------从"提示词工程"到"能力工程"

以前开发者靠的是提示词工程(Prompt Engineering) ------每次开新对话都要重新描述项目背景、技术栈、代码规范。现在变成了能力工程(Skill Engineering) ------把知识打包成可安装的skill,一次配置,长期生效。

通用AI的能力正在变得不值钱,而能被调用的专家经验正在变得值钱。你装了什么skill,决定了你的AI能做什么事。

Vercel的野心远不止于此。Skills的跨平台特性意味着:一个为Claude Code写的skill,换到Cursor照样跑 。它正在建立一个开放的技能生态系统 ,让技能可以跨27种不同的AI助手共享。

AI助手技能可能像npm包一样丰富和易用

写在最后

五个月,2.4万星标。230万次安装。68个智能体支持。72个以上持续增长。

Vercel用一行npx skills add,在AI编程工具层完成了一次"npm化"重构。

从提示词工程到能力工程,从每次重复交代到一次配置长期生效,从单一工具到70多个工具通用------Skills正在改变AI编程的方式

三年前,前端开发者见面交换的是npm包。两年前,交换的是prompt模板。2026年,大家在互相打听的,是你该装哪个skill。

通用AI的能力正在变得不值钱,而能被调用的专家经验正在变得值钱。你装了什么skill,决定了你的AI能做什么事。

而历史也告诉我们:每一次"npm化"的浪潮,便利和安全总是打包寄到的。

当AI编程迎来它的"npm时刻",你准备好了吗?

GitHub: github.com/vercel-labs... 技能市场: skills.sh

评论区聊聊:你用过Vercel skills了吗?你最想装哪个skill?

相关推荐
Csvn1 小时前
🚨 JSON.stringify 的 6 个隐藏坑:为什么你的数据序列化后"消失"了?
前端
aircrushin1 小时前
Claude 5 之后,上下文工程该做减法了
前端·人工智能·后端
huabuyu1 小时前
CLS 自动化归因及自愈:让系统自己定位根因、修复并验证
前端·javascript
C++、Java和Python的菜鸟1 小时前
第13章 前端Web实战(Tlias案例)
前端·javascript·vue.js
用户6919026813391 小时前
React 组件间通信全解析:从父子到跨级
前端·javascript
echoVic1 小时前
同一个 bug,我在 WebGPU 渲染器里犯了两轮:一帧内多次写同一块 buffer
前端·webgl·图形学
胡萝卜术1 小时前
数据主权与渲染防线:从受控组件到性能优化的完整图景
前端·javascript·面试
DFT计算杂谈1 小时前
FeSe超薄膜在CaF2衬底上的电子结构DFT研究
java·服务器·前端
BreezeJiang1 小时前
父组件一更新,子组件就必须跟着更新吗?从 memo 走到 useCallback
前端·javascript