Skills商店來了：5萬人在用的Top 10熱門Skills，我幫你試了一遍

發現了一個Skills社區市場，安裝量最高的skill已經37000+。我把Top 10都裝上了，給你拆解一下。

說起來，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個對產品、運營、設計師也有用。

我把值得詳細說的挑出來講，其他的列個表就行。

開發者專用的（7個）

這7個都是給寫代碼的人用的，非開發者可以直接跳到下一節。

排名

Skill

安裝量

干嘛用的

1

vercel-react-best-practices

37600+

React/Next.js性能優化，57條規則

2

web-design-guidelines

28500+

檢查網頁是否符合設計規范

3

remotion-best-practices

18800+

用代碼做視頻的最佳實踐

5

skill-creator

3700+

官方出的，教你怎么創建Skill

6

building-native-ui

2700+

Expo手機App開發指南

8

better-auth-best-practices

2300+

登錄認證系統最佳實踐

10

upgrading-expo

2200+

Expo框架升級指南

這些Skills來自Vercel、Anthropic、Expo等官方團隊，質量都不錯。做前端的話，第1、2個基本必裝。

所有人都能用的（3個）?

這3個是我覺得Top 10里最值得說的，不寫代碼也能用。

frontend-design（7500+安裝）

來自Anthropic官方。目標很簡單：讓Claude做出來的東西別那么"AI味"。

你可能有過這種體驗——讓Claude幫忙做個網頁或PPT，出來的東西能用，但沒特色，一眼就知道是AI做的。這個Skill就是治這個的。

它明確告訴Claude不要用什么：

• 不要用Inter、Roboto、Arial這些"標準字體"（太沒個性）

• 不要用紫色漸變配白底（AI最愛用，已經爛大街了）

• 不要用對稱布局（打破常規才有設計感）

同時告訴Claude應該怎么做：

• 選擇有個性的字體

• 配色要有主次，主色大膽、強調色銳利

• 動效要克制，一個精心設計的頁面加載動畫，比到處都在動更高級

這個Skill好在"反套路"。Claude其實懂什么是好設計，但它容易偷懶。這個Skill就是逼它動腦子。

agent-browser（2700+安裝）

這個Skill不太一樣，它不是"知識庫"，而是"工具"。裝上之后，Claude可以幫你操作瀏覽器：

• 自動打開網頁、點擊按鈕、填寫表單

• 批量截圖

• 自動登錄網站（保存登錄狀態，下次直接用）

• 錄制操作過程

舉個例子：你是運營，每天要登錄5個平臺查數據。以前要一個個打開、登錄、截圖。現在可以讓Claude幫你自動完成，最后把截圖整理好發給你。

再比如：你是產品經理，想看競品的某個功能在不同頁面的表現。Claude可以自動打開這些頁面、截圖、整理成文檔。

這個Skill說明Skills不只是給程序員用的。自動化網頁操作，運營、測試、產品都能用得上。

seo-audit（2300+安裝）

終于來了一個純運營向的Skill。

這是一個完整的SEO審計框架，讓Claude幫你檢查網站的SEO健康度：

1. 能被Google找到嗎？（爬蟲能不能訪問、有沒有被收錄）

2. 網站快不快？（加載速度影響排名）

3. 內容優化了嗎？（標題、描述、關鍵詞布局）

4. 內容質量夠不夠？（是否值得被推薦）

5. 有沒有可信度？（外鏈、權威性）

每個維度都有具體的檢查清單。Claude會給出：問題是什么 → 影響多大 → 怎么修 → 優先級。

做網站的都能用。不需要懂技術，直接問Claude"幫我審一下SEO"就行。

額外收獲：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對中文用戶特別友好——小紅書圖片、發微信、文章配圖，都是我們平時會用到的。

安裝命令：

npx skills add jimliu/baoyu-skills --yes

額外建議：裝了之后，可以去X上翻翻寶玉老師的分享。他經常講這些Skills為什么這么設計、踩過什么坑、怎么改的。想自己做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寫代碼、做產品，他們愿意裝，說明確實有用。

跟著裝就行。不用自己判斷"這玩意到底行不行"，社區已經幫你篩過一遍了。

第二，這是學習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，用自然語言讓他幫你選擇及安裝就好了。

enjoy～