10万人都在用的 top10 skills,我帮你试了

大家好,我是码歌,一个被Skills掏空了的码哥。

最近skills.shskills.sh/) 上最火的10个Skills,安装量加起来已经超过10万了。我花了几天时间,把这Top 10全装了一遍,挨个测试,结果只能用一句话形容:

有些确实牛逼,有些就是凑数的!但总体来说,跟着社区选不会错,实打实的用户下载安装!

关于Skills的前世今生,如果还不熟悉的同学推荐看下我之前的的几篇文章,这里不再展开说明,传送门:

1、火爆全网的Skills,看这一篇就够了!

2、谁还手动管技能?Vercel 开源 add-skill + skills.sh,一行命令搞定所有

注意!注意!注意!

最新版cursor(mac 2.5.0)默认读取的全局skills目录是 /.cursor/skills-cursor,而skills add安装命令默认为cursor添加的目录是/.cursor/skills,我们只需要手动再次添加下符号链接就行,以后每次安装也会同步到skills-cursor目录,命令如下:

mac:

bash 复制代码
cd ~/.cursor
ln -s skills skills-cursor

windows:

arduino 复制代码
cd %USERPROFILE%.cursor
rmdir /s /q skills-cursor
mklink /D skills-cursor skills

一、为什么Top 10值得关注?

skills.sh上的安装量都是实打实的。几十w+安装不是刷的,是真有这么多人在用(就像B站播放量,虽然可能有水分,但大部分都是真用户)。

这些人天天用Claude Code写代码、做产品,他们愿意装,说明确实有用。跟着装就行,不用自己判断"这玩意到底行不行",社区已经帮你筛过一遍了(群众的眼睛是雪亮的)。

废话不多说,直接上干货。我会把每个Skill的实际使用效果、适合谁、值不值得装都告诉你(不画饼,只讲实话)。

二、Top 10 Skills完整拆解(干货来了)

先说个整体情况:Top 10里7个是给开发者的(程序员果然是AI的主力用户),3个对产品、运营、设计师也有用(终于不是程序员专属了)。

我把值得详细说的挑出来讲,其他的列个表就行(重点突出,不浪费大家时间)。

开发者专用的(7个)(程序员福利)

这7个都是给写代码的人用的,非开发者可以直接跳到下一节(别看了,看了也看不懂)。

排名 Skill 安装量 干嘛用的 值不值得装
1 vercel-react-best-practices 37600+ React/Next.js性能优化,57条规则 ⭐⭐⭐⭐⭐ 前端必装
2 web-design-guidelines 28500+ 检查网页是否符合设计规范 ⭐⭐⭐⭐ UI返工多的人必装
3 remotion-best-practices 18800+ 用代码做视频的最佳实践 ⭐⭐⭐ 做视频的才需要
5 skill-creator 3700+ 官方出的,教你怎么创建Skill ⭐⭐⭐ 想自己做Skill的装
6 building-native-ui 2700+ Expo手机App开发指南 ⭐⭐⭐ 做移动端的装
8 better-auth-best-practices 2300+ 登录认证系统最佳实践 ⭐⭐⭐⭐ 做登录的必装
10 upgrading-expo 2200+ Expo框架升级指南 ⭐⭐ 升级时才用

实际测试感受:

1、vercel-react-best-practices :这个确实牛逼。我叫他使用这个skills分析下我之前的项目"AI灯塔导航",它直接指出了几个性能问题:Re-render 优化、事件监听器、1渲染性能等。改完之后性能提升明显。前端开发必装。

2、web-design-guidelines:UI审查很细致(比设计师还严格)。我让cursor用这个skill检查下项目"AI灯塔导航"UI相关问题,它指出了可访问性缺少、语义化HTML问题、焦点管理缺失等不符合规范等10多个问题(就像找了个严格的老师,一点小问题都不放过)。产品经理和设计师协作多的,这个很有用(终于不用再因为设计规范问题吵架了)。

3、better-auth-best-practices:登录认证这块踩坑多(就像过雷区,一不小心就炸),这个Skill把常见问题都覆盖了:密码加密、JWT过期处理、CSRF防护、OAuth流程等(就像给了你一张"避雷地图")。做登录系统的,装了这个能少踩很多坑(终于不用再因为安全问题被用户投诉了)。

所有人都能用的(3个)⭐(重点来了)

这3个是我觉得Top 10里最值得说的,不写代码也能用(终于不用再羡慕程序员了)。

1、frontend-design(45.5k +安装)

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

你可能有过这种体验------让Claude帮忙做个网页或PPT,出来的东西能用,但没特色,一眼就知道是AI做的(就像穿了校服,虽然整齐但毫无个性)。这个Skill就是治这个的,专门给AI的设计"整容"。

它明确告诉Claude不要用什么:

  • 不要用Inter、Roboto、Arial这些"标准字体"(太没个性)

  • 不要用紫色渐变配白底(AI最爱用,已经烂大街了)

  • 不要用对称布局(打破常规才有设计感)

同时告诉Claude应该怎么做:

  • 选择有个性的字体
  • 配色要有主次,主色大胆、强调色锐利
  • 动效要克制,一个精心设计的页面加载动画,比到处都在动更高级

实际测试: 我让Claude用这个Skill帮我设计一个部署平台原型,确实比之前有设计感多了。虽然还是能看出是AI做的(毕竟AI的"审美"还是有迹可循),但至少不那么"标准"了,至少从"一眼AI"变成了"需要仔细看才能发现是AI"。

安装命令:

csharp 复制代码
npx skills add https://github.com/anthropics/skills --skill frontend-design

2、agent-browser(24.1k+安装)

这个Skill不太一样,它不是"知识库",而是"工具"(就像给Claude装了个机械臂)。装上之后,Claude可以帮你操作浏览器:

  • 自动打开网页、点击按钮、填写表单(终于不用自己点点点了)
  • 批量截图(再也不用一张一张手动截)
  • 自动登录网站(保存登录状态,下次直接用,懒人福音)
  • 录制操作过程(以后可以回放,看看AI是怎么"思考"的)

实际测试: 我让Claude帮我登录5个平台查数据,它真的自动完成了。虽然有些网站需要验证码会卡住(AI再聪明也过不了"你是人类吗"这关),但大部分操作都能自动化。运营、测试、产品都能用得上,特别是那些重复性的"点点点"工作。

安装命令:

csharp 复制代码
npx skills add https://github.com/vercel-labs/agent-browser --skill agent-browser

3、seo-audit(13k+安装)

终于来了一个纯运营向的Skill(程序员终于不用再被问"为什么网站搜不到"了)。

这是一个完整的SEO审计框架,让Claude帮你检查网站的SEO健康度(就像给网站做体检):

  • 能被Google找到吗?(爬虫能不能访问、有没有被收录,别做"隐形网站")
  • 网站快不快?(加载速度影响排名,慢得像蜗牛可不行)
  • 内容优化了吗?(标题、描述、关键词布局,别让搜索引擎"看不懂")
  • 内容质量够不够?(是否值得被推荐,别写一堆废话)
  • 有没有可信度?(外链、权威性,别让人家觉得你是"野鸡网站")

实际测试: 我让Claude审计了一下我的项目"AI灯塔导航",它给出了多个真实存在的问题,每个都标明了影响程度和修复优先级(就像医生开药方,告诉你先治什么后治什么)。做网站的都能用,不需要懂技术(终于不用再求程序员了)。

安装命令:

bash 复制代码
npx skills add https://github.com/coreyhaines31/marketingskills --skill seo-audit

三、额外收获:23个营销Skills

Top 10里大部分是开发向的,但别急(程序员也有春天)。

我在安装过程中发现了一个宝藏仓库:coreyhaines31/marketingskills

这个仓库有23个营销相关的Skill,从文案到定价到投放都有(一站式营销工具箱,比瑞士军刀还全):

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 营销心理学 市场、产品

安装命令:

bash 复制代码
npx skills add coreyhaines31/marketingskills --yes

一次性装23个。

我的看法: 做产品、运营、市场的,这个仓库比Top 10更值得装(就像找到了组织,终于不用再自己摸索了)。

四、熟悉的宝玉老师的Skills

翻Top 100的时候,发现了一些熟悉的名字------宝玉老师(@dotey)的Skills(就像在异国他乡遇到了老乡,亲切感爆棚)。

宝玉老师是X上的AI大V,经常分享Claude Code的使用心得。他把自己的工作流打包成了一堆Skills,放在 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 725
baoyu-infographic 信息图生成 480

这些Skills对中文用户特别友好------小红书图片、发微信、文章配图,都是我们平时会用到的(终于不用再自己手动P图了,AI帮你搞定一切)。

安装命令:

bash 复制代码
npx skills add jimliu/baoyu-skills --yes

五、文档处理四件套

Anthropic官方仓库(anthropics/skills)里有4个文档处理Skill(就像Office套件,但这次是AI版的):

  • pdf ------ PDF读取、提取、合并(再也不用装各种PDF工具了)
  • docx ------ Word文档处理(写文档、改格式,AI帮你搞定)
  • pptx ------ PPT生成和编辑(做PPT终于不用熬夜了)
  • xlsx ------ Excel处理(数据分析、公式计算,AI比你算得还快)

这几个所有人都能用。装上之后让Claude帮你处理文档,会顺手很多(就像给AI装了个Office,但它比Office还聪明)。

安装命令:

bash 复制代码
npx skills add anthropics/skills --yes

六、为什么你应该去看看skills.sh

说两个实际的好处(不画饼,都是大实话)。

第一,这些Skill确实有用(不是智商税)。

skills.sh上排名靠前的,都是被大量vibe coder实际装过、用过的。37000+安装不是刷的,是真有人在用(就像淘宝好评,虽然可能有刷的,但大部分都是真用户)。

这些人天天用Claude Code写代码、做产品,他们愿意装,说明确实有用。跟着装就行,不用自己判断"这玩意到底行不行",社区已经帮你筛过一遍了(就像跟着大众点评选餐厅,虽然不一定最好,但至少不会踩雷)。

第二,这是学习Skills最好的方式(比看文档强多了)。

很多人看了我之前的文章,知道Skills是啥了,但还是不知道怎么下手------自己的Skill该怎么写?(就像知道怎么吃,但不知道怎么做)

最好的学习方式不是啃文档,是看别人怎么写的(就像学做菜,看视频比看菜谱快)。

装几个热门Skill之后,让Claude Code或者cursor等agent帮你解读:

javascript 复制代码
帮我读取并解释 ~/.agents/skills/seo-audit/SKILL.md 的实现逻辑

Claude会告诉你(就像找了个老师,手把手教你):

  • 这个Skill的触发条件是怎么写的(什么时候AI会"想起来"用这个Skill)
  • 指令是怎么组织的(怎么让AI"听话")
  • 为什么要这样分层(为什么这样设计更合理)
  • 哪些设计可以借鉴(哪些可以"抄作业")

看3-5个写得好的,你就知道了(就像看了几部好电影,就知道怎么拍电影了):

  • Skill该怎么组织(结构怎么搭)
  • 好的Skill长啥样(标准是什么)
  • 自己的工作流怎么打包(怎么把自己的经验变成Skill)

从模仿开始,比从零开始容易多了(站在巨人的肩膀上,总比自己造轮子强)。

所以我建议:先装、先用、先看,再想自己要不要做(实践出真知,别光想不做)

七、几个实际建议

1. 根据你的岗位选择(别乱装)

  • 开发者:vercel-react-best-practices、anthropics/skills(写代码的,装这些就够了)
  • 产品经理:seo-audit、marketingskills仓库、agent-browser(做产品的,这些能帮你省很多事)
  • 设计师:frontend-design、web-design-guidelines(做设计的,让AI帮你检查规范)
  • 运营/市场:marketingskills仓库(23个全装上,一站式解决所有营销问题)

2. 别贪多(装太多会卡)

我装了50+个是为了写这篇文章。平时用的话,选3-5个高频的就够了

装太多,Claude启动时要加载的东西多,还是会影响上下文的。

3. 注意来源(安全第一)

Skills可以包含可执行脚本,所以要看谁发的(别什么Skill都装,小心被"钓鱼"):

  • ✅ anthropics/skills(Anthropic官方,官方出品,必属精品)
  • ✅ vercel-labs(Vercel官方,大厂出品,值得信赖)
  • ✅ 框架官方(expo/skills等,官方维护,更新及时)
  • ⚠️ 个人仓库谨慎点(就像下载软件,别从不明来源下载)

4. 先用再说(实践是检验真理的唯一标准)

不用完全搞懂原理,先装一两个用起来。用过才知道好不好(就像买衣服,不试穿怎么知道合不合适)。

八、最后,别光看,快去试

skills.sh出来之后,用Skills变简单了,以前得自己写,现在直接装别人的就行(站在巨人的肩膀上,真香)。而且不只是程序员能用------营销、产品、运营,都有对应的Skills(AI终于不只是程序员的玩具了)。

去skills.sh看看,找一两个和你工作相关的装上试试(别光看,动手试试,又不会怀孕)。

比如你是运营,装个seo-audit,然后问Claude:"帮我审计一下我们的官网SEO"(终于不用再求程序员了)。

比如你是产品,装个pricing-strategy,然后问Claude:"帮我分析一下我们产品的定价策略"(终于不用再拍脑袋定价了)。

试过就知道好不好使了(实践出真知,别光听我说)。

哦对,虽然上面给了你怎么安装这些skills的代码,但其实最佳实践还是你直接把这篇文章,以及把skills.sh的网址丢给Claude Code 或者 Cursor,用自然语言让他帮你选择及安装就好了(让AI帮你装AI的Skill,这就是AI的"自举")。

我是"程序员码歌 ",全网昵称统一 ,10+年大厂程序员,专注AI工具落地与AI编程实战输出,在职场,玩转副业,目标副业年收入百万,探索可复利、可复制的一人企业成长模式,可去gzh围观

相关推荐
LlNingyu7 小时前
文艺复兴,什么是XSS,常见形式(一)
前端·安全·web安全·xss
bearpping8 小时前
SpringBoot最佳实践之 - 使用AOP记录操作日志
java·spring boot·后端
一叶飘零_sweeeet8 小时前
线上故障零扩散:全链路监控、智能告警与应急响应 SOP 完整落地指南
java·后端·spring
dleei9 小时前
彻底淘汰老旧 SVG 插件:unplugin-icons 与 Tailwind CSS v4 自定义图标最佳实践
前端·程序员·前端框架
LlNingyu9 小时前
文艺复兴,什么是XSS,常见形式(二)
前端·安全·xss
jarvisuni9 小时前
手搓 CodingPlan 照妖镜,TOKEN 燃烧器!
人工智能·ai编程
开心就好20259 小时前
不同阶段的 iOS 应用混淆工具怎么组合使用,源码混淆、IPA混淆
后端·ios
架构师沉默9 小时前
程序员如何避免猝死?
java·后端·架构
明君879979 小时前
说说我为什么放弃使用 GetX,转而使用 flutter_bloc + GetIt
前端·flutter