大家好,我是码歌,一个被Skills掏空了的码哥。
最近skills.sh(skills.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:
cd ~/.cursor
ln -s skills skills-cursor
windows:
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"。
安装命令:
npx skills add https://github.com/anthropics/skills --skill frontend-design
2、agent-browser(24.1k+安装)
这个Skill不太一样,它不是"知识库",而是"工具"(就像给Claude装了个机械臂)。装上之后,Claude可以帮你操作浏览器:
- 自动打开网页、点击按钮、填写表单(终于不用自己点点点了)
- 批量截图(再也不用一张一张手动截)
- 自动登录网站(保存登录状态,下次直接用,懒人福音)
- 录制操作过程(以后可以回放,看看AI是怎么"思考"的)
实际测试: 我让Claude帮我登录5个平台查数据,它真的自动完成了。虽然有些网站需要验证码会卡住(AI再聪明也过不了"你是人类吗"这关),但大部分操作都能自动化。运营、测试、产品都能用得上,特别是那些重复性的"点点点"工作。
安装命令:
npx skills add https://github.com/vercel-labs/agent-browser --skill agent-browser
3、seo-audit(13k+安装)
终于来了一个纯运营向的Skill(程序员终于不用再被问"为什么网站搜不到"了)。
这是一个完整的SEO审计框架,让Claude帮你检查网站的SEO健康度(就像给网站做体检):
- 能被Google找到吗?(爬虫能不能访问、有没有被收录,别做"隐形网站")
- 网站快不快?(加载速度影响排名,慢得像蜗牛可不行)
- 内容优化了吗?(标题、描述、关键词布局,别让搜索引擎"看不懂")
- 内容质量够不够?(是否值得被推荐,别写一堆废话)
- 有没有可信度?(外链、权威性,别让人家觉得你是"野鸡网站")
实际测试: 我让Claude审计了一下我的项目“AI灯塔导航”,它给出了多个真实存在的问题,每个都标明了影响程度和修复优先级(就像医生开药方,告诉你先治什么后治什么)。做网站的都能用,不需要懂技术(终于不用再求程序员了)。
安装命令:
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 | 营销心理学 | 市场、产品 |
安装命令:
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帮你搞定一切)。
安装命令:
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还聪明)。
安装命令:
npx skills add anthropics/skills --yes
六、为什么你应该去看看skills.sh
说两个实际的好处(不画饼,都是大实话)。
第一,这些Skill确实有用(不是智商税)。
skills.sh上排名靠前的,都是被大量vibe coder实际装过、用过的。37000+安装不是刷的,是真有人在用(就像淘宝好评,虽然可能有刷的,但大部分都是真用户)。
这些人天天用Claude Code写代码、做产品,他们愿意装,说明确实有用。跟着装就行,不用自己判断"这玩意到底行不行",社区已经帮你筛过一遍了(就像跟着大众点评选餐厅,虽然不一定最好,但至少不会踩雷)。
第二,这是学习Skills最好的方式(比看文档强多了)。
很多人看了我之前的文章,知道Skills是啥了,但还是不知道怎么下手——自己的Skill该怎么写?(就像知道怎么吃,但不知道怎么做)
最好的学习方式不是啃文档,是看别人怎么写的(就像学做菜,看视频比看菜谱快)。
装几个热门Skill之后,让Claude Code或者cursor等agent帮你解读:
帮我读取并解释 ~/.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围观