北京
發(fā)現(xiàn)了一個(gè)Skills社區(qū)市場(chǎng)，安裝量最高的skill已經(jīng)37000+。我把Top 10都裝上了，給你拆解一下。
說(shuō)起來(lái)，Skills這個(gè)話(huà)題我寫(xiě)過(guò)好幾次了。
這兩篇文章和對(duì)應(yīng)的白皮書(shū)可以說(shuō)從概念到實(shí)戰(zhàn)講了個(gè)遍。但始終偏方法論，講的是"怎么理解、怎么自己創(chuàng)建"。
最近發(fā)現(xiàn)了一個(gè)新東西：skills.sh。
簡(jiǎn)單說(shuō)，就是Skills的應(yīng)用商店。別人把工作經(jīng)驗(yàn)打包成Skill，你一鍵安裝就能用。
我第一反應(yīng)是：終于有靠譜的做這個(gè)了。
之前用Skills最麻煩的就是要自己寫(xiě)。雖然我說(shuō)過(guò)"讓AI幫你寫(xiě)"，但前提是你得知道自己要什么、能把需求說(shuō)清楚。
但很多人壓根不知道Skills能干嘛，也不知道有什么好用的可以參考。
skills.sh解決的就是這個(gè)：讓你先用起來(lái)，再說(shuō)。
skills.sh是什么
skills.sh是一個(gè)開(kāi)放的Skills索引和分發(fā)平臺(tái)，由Vercel創(chuàng)建。
網(wǎng)站底部寫(xiě)著"Made with love by Vercel"。Vercel是硅谷知名的技術(shù)公司，很多大型網(wǎng)站都用他們的服務(wù)，我自己的靜態(tài)網(wǎng)站部署也都是通過(guò)Vercel。他們?cè)敢庾鲞@個(gè)平臺(tái)，說(shuō)明Skills這個(gè)方向被認(rèn)可了。而且大廠(chǎng)出品，平臺(tái)本身也靠譜。
當(dāng)然，這也解釋了為什么排行榜前幾名都是Vercel自家的Skills——自家平臺(tái)嘛，自然有先發(fā)優(yōu)勢(shì)。但內(nèi)容確實(shí)可以。
界面很簡(jiǎn)單：一個(gè)排行榜，按安裝量排序。點(diǎn)進(jìn)去能看到每個(gè)Skill的描述、來(lái)源、安裝命令。
安裝方式是一行命令，復(fù)制粘貼到終端就行：
npx skills add vercel-labs/agent-skills
我花了幾分鐘，把排行榜前10的Skills全裝上了。一共安裝了55個(gè)Skill（因?yàn)橛行﹤}(cāng)庫(kù)包含多個(gè)）。
下面我逐個(gè)拆解，會(huì)特別說(shuō)明哪些對(duì)非開(kāi)發(fā)者也有用。
Top 10 Skills拆解
先說(shuō)個(gè)整體情況：Top 10里7個(gè)是給開(kāi)發(fā)者的，3個(gè)對(duì)產(chǎn)品、運(yùn)營(yíng)、設(shè)計(jì)師也有用。
我把值得詳細(xì)說(shuō)的挑出來(lái)講，其他的列個(gè)表就行。
開(kāi)發(fā)者專(zhuān)用的（7個(gè)）
這7個(gè)都是給寫(xiě)代碼的人用的，非開(kāi)發(fā)者可以直接跳到下一節(jié)。
排名
Skill
安裝量
干嘛用的
1
vercel-react-best-practices
37600+
React/Next.js性能優(yōu)化，57條規(guī)則
2
web-design-guidelines
28500+
檢查網(wǎng)頁(yè)是否符合設(shè)計(jì)規(guī)范
3
remotion-best-practices
18800+
用代碼做視頻的最佳實(shí)踐
5
skill-creator
3700+
官方出的，教你怎么創(chuàng)建Skill
6
building-native-ui
2700+
Expo手機(jī)App開(kāi)發(fā)指南
8
better-auth-best-practices
2300+
登錄認(rèn)證系統(tǒng)最佳實(shí)踐
10
upgrading-expo
2200+
Expo框架升級(jí)指南
這些Skills來(lái)自Vercel、Anthropic、Expo等官方團(tuán)隊(duì)，質(zhì)量都不錯(cuò)。做前端的話(huà)，第1、2個(gè)基本必裝。
所有人都能用的（3個(gè)）?
這3個(gè)是我覺(jué)得Top 10里最值得說(shuō)的，不寫(xiě)代碼也能用。
frontend-design（7500+安裝）
來(lái)自Anthropic官方。目標(biāo)很簡(jiǎn)單：讓Claude做出來(lái)的東西別那么"AI味"。
你可能有過(guò)這種體驗(yàn)——讓Claude幫忙做個(gè)網(wǎng)頁(yè)或PPT，出來(lái)的東西能用，但沒(méi)特色，一眼就知道是AI做的。這個(gè)Skill就是治這個(gè)的。
它明確告訴Claude不要用什么：
不要用Inter、Roboto、Arial這些"標(biāo)準(zhǔn)字體"（太沒(méi)個(gè)性）
不要用紫色漸變配白底（AI最?lèi)?ài)用，已經(jīng)爛大街了）
不要用對(duì)稱(chēng)布局（打破常規(guī)才有設(shè)計(jì)感）
同時(shí)告訴Claude應(yīng)該怎么做：
選擇有個(gè)性的字體
配色要有主次，主色大膽、強(qiáng)調(diào)色銳利
動(dòng)效要克制，一個(gè)精心設(shè)計(jì)的頁(yè)面加載動(dòng)畫(huà)，比到處都在動(dòng)更高級(jí)
這個(gè)Skill好在"反套路"。Claude其實(shí)懂什么是好設(shè)計(jì)，但它容易偷懶。這個(gè)Skill就是逼它動(dòng)腦子。
agent-browser（2700+安裝）
這個(gè)Skill不太一樣，它不是"知識(shí)庫(kù)"，而是"工具"。裝上之后，Claude可以幫你操作瀏覽器：
自動(dòng)打開(kāi)網(wǎng)頁(yè)、點(diǎn)擊按鈕、填寫(xiě)表單
批量截圖
自動(dòng)登錄網(wǎng)站（保存登錄狀態(tài)，下次直接用）
錄制操作過(guò)程
舉個(gè)例子：你是運(yùn)營(yíng)，每天要登錄5個(gè)平臺(tái)查數(shù)據(jù)。以前要一個(gè)個(gè)打開(kāi)、登錄、截圖?，F(xiàn)在可以讓Claude幫你自動(dòng)完成，最后把截圖整理好發(fā)給你。
再比如：你是產(chǎn)品經(jīng)理，想看競(jìng)品的某個(gè)功能在不同頁(yè)面的表現(xiàn)。Claude可以自動(dòng)打開(kāi)這些頁(yè)面、截圖、整理成文檔。
這個(gè)Skill說(shuō)明Skills不只是給程序員用的。自動(dòng)化網(wǎng)頁(yè)操作，運(yùn)營(yíng)、測(cè)試、產(chǎn)品都能用得上。
seo-audit（2300+安裝）
終于來(lái)了一個(gè)純運(yùn)營(yíng)向的Skill。
這是一個(gè)完整的SEO審計(jì)框架，讓Claude幫你檢查網(wǎng)站的SEO健康度：
能被Google找到嗎？（爬蟲(chóng)能不能訪(fǎng)問(wèn)、有沒(méi)有被收錄）
網(wǎng)站快不快？（加載速度影響排名）
內(nèi)容優(yōu)化了嗎？（標(biāo)題、描述、關(guān)鍵詞布局）
內(nèi)容質(zhì)量夠不夠？（是否值得被推薦）
有沒(méi)有可信度？（外鏈、權(quán)威性）
每個(gè)維度都有具體的檢查清單。Claude會(huì)給出：?jiǎn)栴}是什么 → 影響多大 → 怎么修 → 優(yōu)先級(jí)。
做網(wǎng)站的都能用。不需要懂技術(shù)，直接問(wèn)Claude"幫我審一下SEO"就行。
額外收獲：23個(gè)營(yíng)銷(xiāo)Skills
Top 10里大部分是開(kāi)發(fā)向的，但別急。
我在安裝過(guò)程中發(fā)現(xiàn)了一個(gè)寶藏倉(cāng)庫(kù)：coreyhaines31/marketingskills。
這個(gè)倉(cāng)庫(kù)有23個(gè)營(yíng)銷(xiāo)相關(guān)的Skill，從文案到定價(jià)到投放都有：
Skill
功能
適合誰(shuí)
copywriting
營(yíng)銷(xiāo)文案寫(xiě)作
市場(chǎng)、運(yùn)營(yíng)
copy-editing
文案潤(rùn)色修改
市場(chǎng)、運(yùn)營(yíng)
pricing-strategy
定價(jià)策略設(shè)計(jì)
產(chǎn)品、創(chuàng)業(yè)者
launch-strategy
產(chǎn)品發(fā)布策略
產(chǎn)品、市場(chǎng)
seo-audit
SEO診斷
運(yùn)營(yíng)、獨(dú)立開(kāi)發(fā)者
ab-test-setup
A/B測(cè)試設(shè)計(jì)
產(chǎn)品、運(yùn)營(yíng)
page-cro
落地頁(yè)轉(zhuǎn)化優(yōu)化
運(yùn)營(yíng)、增長(zhǎng)
signup-flow-cro
注冊(cè)流程優(yōu)化
產(chǎn)品、增長(zhǎng)
email-sequence
郵件營(yíng)銷(xiāo)序列
市場(chǎng)、運(yùn)營(yíng)
social-content
社交媒體內(nèi)容
市場(chǎng)、運(yùn)營(yíng)
paid-ads
付費(fèi)廣告投放
市場(chǎng)
referral-program
推薦計(jì)劃設(shè)計(jì)
增長(zhǎng)、產(chǎn)品
marketing-psychology
營(yíng)銷(xiāo)心理學(xué)
市場(chǎng)、產(chǎn)品
安裝命令：
npx skills add coreyhaines31/marketingskills --yes
一次性裝23個(gè)。
我的看法：做產(chǎn)品、運(yùn)營(yíng)、市場(chǎng)的，這個(gè)倉(cāng)庫(kù)比Top 10更值得裝。
熟悉的名字：寶玉老師的Skills
翻Top 100的時(shí)候，發(fā)現(xiàn)了一些熟悉的名字——寶玉老師（@dotey）的Skills。
寶玉老師是X上的AI大V，經(jīng)常分享Claude Code的使用心得。他把自己的工作流打包成了一堆Skills，放在 jimliu/baoyu-skills 倉(cāng)庫(kù)：
Skill
功能
安裝量
baoyu-slide-deck
幻燈片生成
972
baoyu-article-illustrator
文章配圖
938
baoyu-cover-image
封面圖生成
868
baoyu-xhs-images
小紅書(shū)圖片
841
baoyu-comic
漫畫(huà)生成
822
baoyu-post-to-wechat
發(fā)布到微信
752
baoyu-post-to-x
發(fā)布到X
725
baoyu-infographic
信息圖生成
480
這些Skills對(duì)中文用戶(hù)特別友好——小紅書(shū)圖片、發(fā)微信、文章配圖，都是我們平時(shí)會(huì)用到的。
安裝命令：
npx skills add jimliu/baoyu-skills --yes
額外建議：裝了之后，可以去X上翻翻寶玉老師的分享。他經(jīng)常講這些Skills為什么這么設(shè)計(jì)、踩過(guò)什么坑、怎么改的。想自己做Skill的話(huà)，看他的分享挺有幫助。
還有一個(gè)：文檔處理四件套
Anthropic官方倉(cāng)庫(kù)（anthropics/skills）里有4個(gè)文檔處理Skill：
pdf —— PDF讀取、提取、合并
docx —— Word文檔處理
pptx —— PPT生成和編輯
xlsx —— Excel處理
這幾個(gè)所有人都能用。裝上之后讓Claude幫你處理文檔，會(huì)順手很多。
安裝命令：
npx skills add anthropics/skills --yes
說(shuō)兩個(gè)實(shí)際的好處。
第一，這些Skill確實(shí)有用。
skills.sh上排名靠前的，都是被大量vibe coder實(shí)際裝過(guò)、用過(guò)的。37000+安裝不是刷的，是真有人在用。
這些人天天用Claude Code寫(xiě)代碼、做產(chǎn)品，他們?cè)敢庋b，說(shuō)明確實(shí)有用。
跟著裝就行。不用自己判斷"這玩意到底行不行"，社區(qū)已經(jīng)幫你篩過(guò)一遍了。
第二，這是學(xué)習(xí)Skills最好的方式。
很多人看了我之前的文章，知道Skills是啥了，但還是不知道怎么下手——自己的Skill該怎么寫(xiě)？
最好的學(xué)習(xí)方式不是啃文檔，是看別人怎么寫(xiě)的。
裝幾個(gè)熱門(mén)Skill之后，讓Claude Code幫你解讀：
"幫我讀取并解釋 ~/.agents/skills/seo-audit/SKILL.md 的實(shí)現(xiàn)邏輯"
Claude會(huì)告訴你：
這個(gè)Skill的觸發(fā)條件是怎么寫(xiě)的
指令是怎么組織的
為什么要這樣分層
哪些設(shè)計(jì)可以借鑒
看3-5個(gè)寫(xiě)得好的，你就知道了：
Skill該怎么組織
好的Skill長(zhǎng)啥樣
自己的工作流怎么打包
從模仿開(kāi)始，比從零開(kāi)始容易多了。
所以我建議：先裝、先用、先看，再想自己要不要做。
幾個(gè)實(shí)際建議
1. 根據(jù)你的崗位選擇
開(kāi)發(fā)者：vercel-react-best-practices、anthropics/skills
產(chǎn)品經(jīng)理：seo-audit、marketingskills倉(cāng)庫(kù)、agent-browser
設(shè)計(jì)師：frontend-design、web-design-guidelines
運(yùn)營(yíng)/市場(chǎng)：marketingskills倉(cāng)庫(kù)（23個(gè)全裝上）
2. 別貪多
我裝了55個(gè)是為了寫(xiě)這篇文章。平時(shí)用的話(huà)，選3-5個(gè)高頻的就夠了。
裝太多，Claude啟動(dòng)時(shí)要加載的東西多，還是會(huì)影響上下文的。
3. 注意來(lái)源
Skills可以包含可執(zhí)行腳本，所以要看誰(shuí)發(fā)的：
? anthropics/skills（Anthropic官方）
? vercel-labs（Vercel官方）
? 框架官方（expo/skills等）
?? 個(gè)人倉(cāng)庫(kù)謹(jǐn)慎點(diǎn)
4. 先用再說(shuō)
不用完全搞懂原理，先裝一兩個(gè)用起來(lái)。
用過(guò)才知道好不好。
最后
skills.sh出來(lái)之后，用Skills變簡(jiǎn)單了。
以前得自己寫(xiě)，現(xiàn)在直接裝別人的就行。而且不只是程序員能用——營(yíng)銷(xiāo)、產(chǎn)品、運(yùn)營(yíng)，都有對(duì)應(yīng)的Skills。
去skills.sh看看，找一兩個(gè)和你工作相關(guān)的裝上試試。
比如你是運(yùn)營(yíng)，裝個(gè)seo-audit，然后問(wèn)Claude："幫我審計(jì)一下我們的官網(wǎng)SEO"。
比如你是產(chǎn)品，裝個(gè)pricing-strategy，然后問(wèn)Claude："幫我分析一下我們產(chǎn)品的定價(jià)策略"。
試過(guò)就知道好不好使了。
哦對(duì)，雖然上面給了你怎么安裝這些skills的代碼，但其實(shí)最佳實(shí)踐還是你直接把這篇文章，以及把skills.sh的網(wǎng)址丟給Claude Code，用自然語(yǔ)言讓他幫你選擇及安裝就好了。
enjoy～
特別聲明：以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺(tái)“網(wǎng)易號(hào)”用戶(hù)上傳并發(fā)布，本平臺(tái)僅提供信息存儲(chǔ)服務(wù)。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
