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