
发现了一个Skills社区市场,安装量最高的技能已经超过3万7千次。我把排行榜前十名都安装了一遍,为你详细拆解。
Skills的概念大家或许已经不陌生,但之前讨论的多是“如何理解”与“如何创建”。最近,一个名为 skills.sh 的平台进入视野,它让Skills的使用门槛大幅降低。
简单来说,skills.sh 是一个开放的AI代理技能索引与分发平台,由 Vercel 创建。网站底部明确标注“Made with love by Vercel”,大厂背书意味着这个方向被认可,平台本身也更具可靠性。当然,这也解释了为何排行榜前列多见Vercel自家的技能,拥有平台先发优势。
它的界面非常简洁:一个按总安装量排序的排行榜。点击任一技能,即可查看详细描述、来源仓库以及一行式的安装命令。
npx skills add vercel-labs/agent-skills
我花了点时间,将排行榜前十的技能全部安装了一遍,累计安装了55个技能(因为部分仓库包含多个技能)。下面我将逐一拆解,并特别说明哪些对非开发者同样具有高实用价值。
Top 10 Skills 详细拆解
整体来看,Top 10中有7个是面向开发者的技能,另外3个则对产品、运营、设计师等角色非常有用。我将挑出值得细说的重点介绍,其余以表格形式列出。
面向开发者的技能 (7个)
这7个技能专为编码工作设计,非开发者可快速浏览或直接跳至下一节。
| 排名 |
Skill |
安装量 |
主要用途 |
| 1 |
vercel-react-best-practices |
37,600+ |
React/Next.js 性能优化,包含57条具体规则 |
| 2 |
web-design-guidelines |
28,500+ |
检查网页设计是否符合最佳实践与规范 |
| 3 |
remotion-best-practices |
18,800+ |
使用代码生成视频(Remotion框架)的最佳实践 |
| 5 |
skill-creator |
3,700+ |
官方出品,指导如何创建自己的Skill |
| 6 |
building-native-ui |
2,700+ |
Expo 框架开发手机App的UI指南 |
| 8 |
better-auth-best-practices |
2,300+ |
认证与登录系统的最佳实践 |
| 10 |
upgrading-expo |
2,200+ |
Expo 框架升级指南 |
这些技能多来自 Vercel、Anthropic、Expo 等团队的官方仓库,质量有保障。对于前端开发者,第1、2名几乎是必装项。
通用型高价值技能 (3个) ⭐
这3个技能是我认为Top 10中最具普适价值的,即使不写代码也能从中受益。
1. frontend-design (7,500+ 安装)

这个来自Anthropic官方的技能,目标直指一个痛点:让AI产出的设计摆脱千篇一律的“AI味”。
你是否曾有过这种体验?让Claude帮忙设计一个网页或PPT,成品功能可用,但缺乏特色,一眼就能看出是AI生成的。这个技能正是为此而生。
它明确禁止Claude使用那些过于泛滥、缺乏个性的元素:
- 字体:避免Inter、Roboto、Arial等“安全但无趣”的标准字体。
- 配色:禁止使用紫罗兰色渐变配白底这种AI最爱的“网红”搭配。
- 布局:尽量避免完全对称的布局,打破常规方能凸显设计感。
同时,它引导Claude走向更独特的设计路径:
- 选择个性字体:根据项目调性寻找更匹配的字体。
- 大胆的配色:主色要鲜明大胆,强调色需锐利突出。
- 克制的动效:一个精心设计的页面加载动画,远比处处都在动显得更高级。
这个技能的妙处在于“反套路”。Claude并非不懂好设计,但它容易选择最省力、最通用的方案。这个技能就是迫使它进行更深度的思考与创意执行。
2. agent-browser (2,700+ 安装)

这个技能比较特殊,它不是一个“知识库”,而是一个“工具”。安装后,Claude可以直接操控浏览器执行任务:
- 自动打开指定网页、点击按钮、填写表单。
- 进行批量页面截图。
- 自动登录网站并保存会话状态,供后续使用。
- 录制操作过程。
应用场景举例:
- 运营人员:每天需要登录多个后台平台查看数据。以往需手动逐个打开、登录、截图。现在可让Claude自动完成所有步骤,并将整理好的截图打包发回。
- 产品经理:想研究竞品某个功能在不同页面的表现形式。Claude可以自动遍历这些页面,截图并生成对比分析文档。
这个技能清晰地表明,Skills 的潜力远不止服务于程序员。自动化网页操作对于运营、测试、产品等多个岗位都是高效的提能工具。
3. seo-audit (2,300+ 安装)

这是一个纯粹面向运营与市场的技能,提供了一套完整的SEO 审计框架。安装后,你可以让Claude系统性地评估网站的搜索引擎优化健康状况:
- 可发现性:Google等搜索引擎能否抓取并收录你的网站?
- 页面性能:网站加载速度是否够快?(速度直接影响排名)
- 内容优化:标题、描述、关键词等元数据是否合理布局?
- 内容质量:内容是否真正有价值,值得被推荐?
- 权威性与信任度:是否有高质量的外链?网站本身是否显得权威?
每个维度都有具体的检查清单。Claude会遵循“发现问题 → 评估影响 → 提供修复方案 → 标注优先级”的逻辑给出报告。任何拥有网站的人都可以使用,无需技术背景,直接对Claude说“帮我做个SEO审计”即可。
额外收获:23个营销类技能宝藏仓库
在安装过程中,我发现了一个宝藏仓库:coreyhaines31/marketingskills。
这个仓库一次性包含了23个与营销相关的技能,覆盖从文案、定价到投放的完整链条。

| Skill |
功能 |
适合角色 |
copywriting |
营销文案写作 |
市场、运营 |
copy-editing |
文案润色与修改 |
市场、运营 |
pricing-strategy |
定价策略设计 |
产品、创业者 |
launch-strategy |
产品发布策略 |
产品、市场 |
seo-audit |
SEO诊断 |
运营、独立开发者 |
ab-test-setup |
A/B测试设计 |
产品、运营 |
page-cro |
落地页转化率优化 |
运营、增长 |
signup-flow-cro |
注册流程优化 |
产品、增长 |
email-sequence |
邮件营销序列设计 |
市场、运营 |
social-content |
社交媒体内容创作 |
市场、运营 |
paid-ads |
付费广告投放策略 |
市场 |
referral-program |
推荐/引荐计划设计 |
增长、产品 |
marketing-psychology |
营销心理学应用 |
市场、产品 |
安装命令如下,可一次性获取全部23个技能:
npx skills add coreyhaines31/marketingskills --yes
个人看法:对于产品、运营、市场岗位的从业者,这个仓库的价值可能远超Top 10中的大多数开发向技能。
中文用户福音:宝玉老师的实战技能包
翻阅排行榜时,还发现了熟悉的身影——宝玉老师(@dotey) 发布的一系列技能。

宝玉老师是知名的AI应用布道者,他将自己高频使用的Claude Code工作流打包,放在了 jimliu/baoyu-skills 仓库中。这些技能对中文用户尤其友好:
| Skill |
功能 |
安装量 |
baoyu-slide-deck |
自动生成幻灯片 |
972 |
baoyu-article-illustrator |
为文章生成配图 |
938 |
baoyu-cover-image |
生成文章/视频封面图 |
868 |
baoyu-xhs-images |
生成符合小红书风格的图片 |
841 |
baoyu-comic |
生成漫画 |
822 |
baoyu-post-to-wechat |
发布内容到微信相关平台 |
752 |
baoyu-post-to-x |
发布内容到X(Twitter) |
725 |
baoyu-infographic |
生成信息图 |
480 |
安装命令:
npx skills add jimliu/baoyu-skills --yes
额外建议:安装后,可以去关注宝玉老师分享的实战经验。他经常深入讲解这些技能的设计思路、踩坑历程与迭代过程,对于想自己创建技能的用户是极佳的学习材料。
为何你应该关注 skills.sh?
第一,社区筛选保证了技能质量。 skills.sh 上排名靠前的技能,都经过了大量“vibe coder”(重度AI编码用户)的真实使用与检验。数万次的安装量不是虚的,这本身就是一种社区共识与质量背书。作为用户,你可以直接享受这份“筛选红利”,无需自己从头判断某个技能是否靠谱。
第二,这是学习技能开发的最佳途径。 理解概念后,很多人仍不知从何下手编写自己的技能。最好的学习方法不是埋头啃文档,而是直接拆解优秀的成品。
安装几个热门技能后,你可以直接让Claude Code帮你分析:
“请读取并解释 ~/.agents/skills/seo-audit/SKILL.md 这个文件的实现逻辑与设计思路。”
Claude会为你解读:
- 技能的触发条件是如何设置的。
- 复杂的指令是如何分层、组织得清晰易懂的。
- 作者在设计时考虑了哪些场景,为何采用某种结构。
- 哪些设计模式值得借鉴。
研究3到5个优质技能后,你自然会形成对“好技能”的认知,了解该如何组织自己的知识和工作流。从模仿开始,远比从零原创要容易得多。
实践建议与注意事项
-
按需选择,聚焦高频场景:
- 开发者:重点关注
vercel-react-best-practices、anthropics/skills。
- 产品经理:
seo-audit、marketingskills 仓库、agent-browser。
- 设计师:
frontend-design、web-design-guidelines。
- 运营/市场:直接安装
coreyhaines31/marketingskills 整个仓库。
-
切忌贪多求全:我安装55个是为了评测。日常使用时,精选3-5个与你工作最相关的技能即可。安装过多技能可能会增加Claude初始化时的上下文负载。
-
注意技能来源的安全性:Skills可以包含可执行脚本,因此需谨慎对待来源:
- ✅ 可信来源:
anthropics/skills(Anthropic官方)、vercel-labs(Vercel官方)、各大框架官方仓库(如expo/skills)。
- ⚠️ 审慎评估:个人开发者发布的仓库,虽然可能有创意,但安装前请略加判断。
-
实践出真知,先用起来:不必完全搞懂所有原理。选择一个你感兴趣的技能安装,然后立即在真实场景中尝试使用它。只有实际用过,你才能真切体会其价值。
结语
skills.sh 的出现,显著降低了AI代理技能的使用门槛。从“需要自己编写”到“可以一键安装社区精华”,这无疑是一个巨大的进步。而且,其生态已经呈现出多元化的趋势,不仅服务于开发者,也广泛涵盖了营销、产品、运营等众多领域。
建议你直接访问 skills.sh,根据你的角色寻找一两个技能尝试安装使用。
例如,你是运营,就安装 seo-audit,然后对Claude说:“请帮我审计一下我们公司官网的SEO状况。”
例如,你是产品,就安装 pricing-strategy,然后提问:“请基于我们的产品特性和市场定位,分析并建议一套定价策略。”
最后,虽然上文提供了具体的安装命令,但更符合“AI原生”的实践方式是:直接将这篇文章或 skills.sh 的链接丢给Claude Code,用自然语言描述你的需求,让它来帮你选择和安装。

希望这份来自云栈社区的实战测评能帮助你更快地利用AI技能提升工作效率。enjoy~