我们花了两天时间,终于造出了能自我进化的Skills管理器一、全文速览图 今天这篇可能会稍微硬核一点。阅读文章 >
这两篇文章和对应的白皮书可以说从概念到实战讲了个遍。但始终偏方法论,讲的是"怎么理解、怎么自己创建"。最近发现了一个新东西:skills.sh。简单说,就是Skills的应用商店。别人把工作经验打包成Skill,你一键安装就能用。我第一反应是:终于有靠谱的做这个了。之前用Skills最麻烦的就是要自己写。虽然我说过"让AI帮你写",但前提是你得知道自己要什么、能把需求说清楚。但很多人压根不知道Skills能干嘛,也不知道有什么好用的可以参考。skills.sh解决的就是这个:让你先用起来,再说。二、skills.sh是什么skills.sh是一个开放的Skills索引和分发平台,由Vercel创建。网站底部写着"Made with love by Vercel"。Vercel是硅谷知名的技术公司,很多大型网站都用他们的服务,我自己的静态网站部署也都是通过Vercel。他们愿意做这个平台,说明Skills这个方向被认可了。而且大厂出品,平台本身也靠谱。当然,这也解释了为什么排行榜前几名都是Vercel自家的Skills——自家平台嘛,自然有先发优势。但内容确实可以。界面很简单:一个排行榜,按安装量排序。点进去能看到每个Skill的描述、来源、安装命令。安装方式是一行命令,复制粘贴到终端就行:npx skills add vercel-labs/agent-skills
我花了几分钟,把排行榜前10的Skills全装上了。一共安装了55个Skill(因为有些仓库包含多个)。
下面我逐个拆解,会特别说明哪些对非开发者也有用。三、Top 10 Skills拆解先说个整体情况:Top 10里7个是给开发者的,3个对产品、运营、设计师也有用。我把值得详细说的挑出来讲,其他的列个表就行。1. 开发者专用的(7个)这7个都是给写代码的人用的,非开发者可以直接跳到下一节。
不要用Inter、Roboto、Arial这些"标准字体"(太没个性)
不要用紫色渐变配白底(AI最爱用,已经烂大街了)
不要用对称布局(打破常规才有设计感)
同时告诉Claude应该怎么做:
选择有个性的字体
配色要有主次,主色大胆、强调色锐利
动效要克制,一个精心设计的页面加载动画,比到处都在动更高级
这个Skill好在"反套路"。Claude其实懂什么是好设计,但它容易偷懒。这个Skill就是逼它动脑子。agent-browser(2700+安装)
自动打开网页、点击按钮、填写表单
批量截图
自动登录网站(保存登录状态,下次直接用)
录制操作过程
举个例子:你是运营,每天要登录5个平台查数据。以前要一个个打开、登录、截图。现在可以让Claude帮你自动完成,最后把截图整理好发给你。再比如:你是产品经理,想看竞品的某个功能在不同页面的表现。Claude可以自动打开这些页面、截图、整理成文档。这个Skill说明Skills不只是给程序员用的。自动化网页操作,运营、测试、产品都能用得上。seo-audit(2300+安装)
能被Google找到吗?(爬虫能不能访问、有没有被收录)
网站快不快?(加载速度影响排名)
内容优化了吗?(标题、描述、关键词布局)
内容质量够不够?(是否值得被推荐)
有没有可信度?(外链、权威性)
每个维度都有具体的检查清单。Claude会给出:问题是什么 → 影响多大 → 怎么修 → 优先级。做网站的都能用。不需要懂技术,直接问Claude"帮我审一下SEO"就行。四、额外收获:23个营销SkillsTop 10里大部分是开发向的,但别急。我在安装过程中发现了一个宝藏仓库:coreyhaines31/marketingskills。
这个仓库有23个营销相关的Skill,从文案到定价到投放都有:
一次性装23个。我的看法:做产品、运营、市场的,这个仓库比Top 10更值得装。五、熟悉的名字:宝玉老师的Skills
额外建议:装了之后,可以去X上翻翻宝玉老师的分享。他经常讲这些Skills为什么这么设计、踩过什么坑、怎么改的。想自己做Skill的话,看他的分享挺有帮助。六、还有一个:文档处理四件套Anthropic官方仓库(anthropics/skills)里有4个文档处理Skill:
pdf —— PDF读取、提取、合并
docx —— Word文档处理
pptx —— PPT生成和编辑
xlsx —— Excel处理
这几个所有人都能用。装上之后让Claude帮你处理文档,会顺手很多。安装命令:npx skills add anthropics/skills --yes
七、为什么你应该去看看skills.sh说两个实际的好处。第一,这些Skill确实有用。skills.sh上排名靠前的,都是被大量vibe coder实际装过、用过的。37000+安装不是刷的,是真有人在用。这些人天天用Claude Code写代码、做产品,他们愿意装,说明确实有用。跟着装就行。不用自己判断"这玩意到底行不行",社区已经帮你筛过一遍了。第二,这是学习Skills最好的方式。很多人看了我之前的文章,知道Skills是啥了,但还是不知道怎么下手——自己的Skill该怎么写?最好的学习方式不是啃文档,是看别人怎么写的。装几个热门Skill之后,让Claude Code帮你解读:"帮我读取并解释 ~/.agents/skills/seo-audit/SKILL.md 的实现逻辑"
Claude会告诉你:
这个Skill的触发条件是怎么写的
指令是怎么组织的
为什么要这样分层
哪些设计可以借鉴
看3-5个写得好的,你就知道了:
Skill该怎么组织
好的Skill长啥样
自己的工作流怎么打包
从模仿开始,比从零开始容易多了。所以我建议:先装、先用、先看,再想自己要不要做。八、几个实际建议1. 根据你的岗位选择开发者:vercel-react-best-practices、anthropics/skills产品经理:seo-audit、marketingskills仓库、agent-browser设计师:frontend-design、web-design-guidelines运营/市场:marketingskills仓库(23个全装上)2. 别贪多我装了55个是为了写这篇文章。平时用的话,选3-5个高频的就够了。
装太多,Claude启动时要加载的东西多,还是会影响上下文的。3. 注意来源Skills可以包含可执行脚本,所以要看谁发的:✅ anthropics/skills(Anthropic官方)✅ vercel-labs(Vercel官方)✅ 框架官方(expo/skills等)⚠️ 个人仓库谨慎点4. 先用再说不用完全搞懂原理,先装一两个用起来。用过才知道好不好。最后skills.sh出来之后,用Skills变简单了。以前得自己写,现在直接装别人的就行。而且不只是程序员能用——营销、产品、运营,都有对应的Skills。去skills.sh看看,找一两个和你工作相关的装上试试。比如你是运营,装个seo-audit,然后问Claude:"帮我审计一下我们的官网SEO"。比如你是产品,装个pricing-strategy,然后问Claude:"帮我分析一下我们产品的定价策略"。试过就知道好不好使了。哦对,虽然上面给了你怎么安装这些skills的代码,但其实最佳实践还是你直接把这篇文章,以及把skills.sh的网址丢给Claude Code,用自然语言让他帮你选择及安装就好了。