Vercel 又出神技!手把手教你通過 find-skills 給 AI 編輯器裝上“最強外掛”!

作者:彭濤說
日期:2026年1月31日 上午5:30
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

Vercel 推出 find-skills,畀 AI 編輯器直接裝專家級技能,唔使再慢慢調 Prompt

整理版摘要

呢篇文章係由一個專注 AI 出海工具嘅作者分享,佢發現以往要 AI 寫出符合標準嘅業務代碼,成日要餵幾百行 System Prompt,但效果都係唔理想,好似個實習生咁成日喺關鍵邏輯出錯。

佢介紹咗 Vercel Labs 最新嘅 find-skills 工具,呢個係一個「元技能」,專門負責搜尋、發現同安裝其他技能,就好似 AI 技能界嘅軟件包管理器。作者認為,呢個工具嘅出現重塑咗我哋同 AI 協作嘅底層邏輯,由以前不斷調教 Prompt,變成直接裝專家級嘅實戰能力。

整體結論係:AI 嘅知識雖然多,但專業深度同時效性永遠追唔上快速迭代嘅工程世界。未來嘅 AI 助手唔應該係個只會背書嘅全才,而係要懂得點樣揾工具、點樣調用專家經驗。既然 Vercel 已經鋪好路,我哋與其繼續同個對話框糾纏,不如直接去「技能商店」幫 AI 裝幾個硬核專家包。

  • find-skills 係一個元技能,畀 AI 主動發現自身能力邊界並安裝專家級技能,唔使再靠長篇 Prompt。
  • 安裝過程似裝 App:用 npx skills find 搜尋,再用 npx skills add 安裝,支援完整 GitHub 路徑。
  • 安裝後 AI 可以精準調用專家規則檢查代碼,例如指出 React 組件 missing key 呢類問題。
  • Skills 生態將業界最佳實踐封裝成模塊,令 AI 能力可以「樂高化」組合。
  • 標準化協議令技能可以跨 Claude CodeCursorGemini CLI 等主流 AI 編輯器通用。
值得記低
連結 skills.sh

find-skills 官方入口

skills.sh 係 find-skills 嘅官方網站,可以搜尋同瀏覽可用技能。

Skill github.com

vercel-react-best-practices

Vercel 官方嘅 React 最佳實踐技能包,用於檢查同優化 React 代碼。安裝指令:npx skills add vercel-labs/agent-skills@vercel-react-best-practices

結構示例

內容片段

內容片段 text
// index.js:故意寫一個缺少 key 且渲染低效的組件export default function BadComponent({ data }) {  return data.map(item => <div>{item.name}</div>); }
整理重點

由調教 Prompt 到安裝驅動

以前要 AI 寫出啱規格嘅業務代碼,成日要餵幾百行 System Prompt,甚至成本開發手冊 copy 入去。結果 AI 好似個有理論冇實戰嘅實習生,關鍵邏輯來來回回都錯。

Vercel Labs 畀出咗一個令所有開發者解脱嘅答案:唔使再費力調教 Prompt,透過模塊化協議直接幫 AI 安裝「驅動

佢哋比喻得好:如果大模型係 CPU,咁 find-skills 就係精準對接硬件嘅驅動程式。AI 助手可以主動發現自身邊界,一鍵加載專家級實戰能力。

整理重點

5 分鐘實操:由零開始裝技能

作者畀咗一個完整嘅實操流程,由建立實驗場到安裝技能再到檢查代碼,快過你沖杯咖啡。

  1. 1 建立項目:mkdir my-ai-lab && cd my-ai-lab && npm init -y && touch index.js,然後寫一段漏咗 key 且渲染低效嘅 React 組件。
  2. 2 搜尋技能:執行 npx skills find react,AI 會列出相關技能。
  3. 3 安裝技能:用 npx skills add vercel-labs/agent-skills@vercel-react-best-practices 或完整 GitHub 路徑。作者提醒用完整路徑可以避開協議解析錯誤。
  4. 4 現場問診:同 AI 講「根據 vercel-react-best-practices 技能檢查我 index.js 嘅代碼畀重構建議」,AI 會精準指出 key 缺失呢類問題。

安裝過程就好似喺手機裝 App 咁簡單,一條指令就搞掂

整理重點

點解 find-skills 係大件事

Skills 生態唔止係多咗個工具,而係重塑咗我哋同 AI 協作嘅底層邏輯。以前要優化 AI 能力就要搞 RAG 或者微調模型,而家只需要用 npx skills init 就可以將自己嘅獨門絕技打包成技能。

呢種標準化協議只要寫一次代碼,就可以喺 Claude CodeCursorGemini CLI 等主流 AI 編輯器通用

作者強調,大模型嘅知識雖然龐大,但時效性同專業深度永遠追唔上快速迭代嘅工程世界。真正拉開差距嘅係邊個可以最先幫自己嘅 AI 助手裝上「最強外掛」。

  • 免去複雜嘅 RAG 同微調,直接裝技能包。
  • 技能可以跨平台重用,寫一次 code 處處行。
  • 業界最佳實踐封裝成模塊,AI 能力可以「樂高化」組合。
整理重點

行出第一步:npx skills find

既然 Vercel 已經鋪好咗通往 AI Agent 時代嘅路,我哋仲使乜喺對話框度慢慢磨 Prompt?直接去「技能商店」行個圈,幫你嘅 AI 裝幾個硬核專家包。

真正拉開差距嘅,從來唔係邊個 code 寫得快,而係邊個最先幫 AI 裝上最強外掛

作者鼓勵大家而家就打開終端,輸入 npx skills find,開啓你嘅 AI 進化之路。

點擊上方卡片關注我

設定星標 學多啲AI出海知識

以前為咗令 AI 寫出一段符合標準嘅業務代碼,要不停餵佢幾百行嘅 System Prompt,甚至要成個開發手冊複製貼上入對話框。

結果呢?仍然似個得理論冇實戰經驗嘅實習生,喺關鍵邏輯上不斷反覆橫跳。

面對呢種力不從心,最近 Vercel Labs 畀咗一個令所有開發者解脱嘅答案,唔使再咁辛苦調教 Prompt,透過模塊化嘅協議,直接幫 AI 安裝「驅動」。

如果大模型係 CPU,咁 Vercel Labs 帶嚟嘅 find-skills 就係嗰套精準對接硬件嘅驅動程式。

find-skills 令 AI 助手能夠主動發現自身邊界,一鍵加載專家級實戰能力。

咩係 find-skills?

想進入呢個生態,**find-skills** 係你一定要掌握嘅核心工具。簡單講,佢就係 AI 技能界嘅「軟件包管理器」。

  • 官方入口:skills.sh
  • 核心功能:佢係一個元技能(Meta-skill),專門負責喺雲端搜索、發現同安裝其他專門嘅技能。

當 AI 面對一個佢唔擅長嘅領域(例如複雜嘅 Playwright 測試或者 Vercel 部署配置)嗰陣,佢可以透過調用 find-skills 檢索雲端最匹配嘅工具包。

呢個意味住你嘅 AI 具備咗「尋找自身能力邊界」同主動進化嘅能力。

5 分鐘由零開始實操

1. 快速初始化一個「實驗場」

建立一個基礎項目文件夾,同寫一段效能有問題嘅代碼。

mkdir my-ai-lab && cd my-ai-lab
npm init -y
touch index.js

在 index.js 度寫入呢段故意漏咗 key 同埋渲染效率低嘅代碼:

// index.js:故意寫一個缺少 key 且渲染低效的組件
export default function BadComponent({ data }{
  return data.map(item => <div>{item.name}</div>); 
}

2. 發起搜索

喺終端詢問 AI 相關嘅技能:

npx skills find react
圖片

3. 一鍵安裝

發現目標之後,直接安裝。呢個過程就好似喺手機度裝 App 咁簡單:

npx skills add vercel-labs/agent-skills@vercel-react-best-practices

注意:建議用完整 GitHub 路徑,避免協議解析錯誤

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices
圖片

4. 現場問診:見證 AI 嘅進化

如果你係用緊支援 Skills 協議嘅 AI 環境,可以直接同佢講:

“請根據剛剛安裝的 `vercel-react-best-practices` 技能,檢查我 `index.js` 裏的代碼並給出重構建議。”
圖片

可以見到,AI 唔再係得個講字,佢會調用啱啱安裝嘅 Vercel 專家級規則,精準指出 key 屬性缺失嘅問題,同埋畀出符合生產標準嘅優化方案。

find-skills 點解重要?

對我哋嚟講,留意 Skills 生態絕對唔止係多咗一個工具,而係重塑我哋同 AI 協作嘅底層邏輯。

Skills 生態嘅出現,實際上係喺為 AI 提供一套統一嘅「物理接口」。

當通過 find-skills 揾到並安裝一個插件嗰陣,就相當於將業界最頂尖嘅工程實踐,無論係 Vercel 嘅部署經驗,定係大廠嘅測試規範,直接封裝入 AI 嘅大腦度。

更重要嘅係,呢度開啓咗 AI 能力嘅「樂高化」時代,以前優化 AI 能力要搞好多複雜嘅 RAG 或者微調模型,而家只需要透過 npx skills init 就可以將自己嘅獨門絕技打包成技能。

呢種標準化嘅協議只要寫一次代碼,就可以令佢喺 Claude Code、Cursor、Gemini CLI 等主流 AI 編輯器度通用。

最後

大模型嘅知識總量雖然好大,但佢嘅時效性同專業深度永遠追唔上快速迭代嘅工程世界。find-skills 嘅真正魅力在於,可以令我哋意識到:未來嘅 AI 助手唔應該係一個只會背書嘅「全才」,而應該係一個識得點樣揾工具、點樣調用專家經驗嘅「解決者」。

既然 Vercel 已經鋪好咗通往 AI Agent 時代嘅路,與其繼續喺對話框度用長篇大論嘅 Prompt 苦苦調教,不如直接去「技能商店」行嚇,幫你嘅 AI 裝返幾個硬核嘅專家包。

喺呢個 AI 進化速度快過人類想像嘅時代,真正拉開差距嘅,往往唔係邊個寫代碼快,而係邊個可以最快幫自己嘅 AI 助手裝上「最強外掛」。

而家就打開終端,輸入 npx skills find,開啓你嘅 AI 進化之路啦。

歡迎關注,呢個賬號仲會持續分享更多出海工具、實戰經驗、踩坑記錄。

推薦一個好勁嘅中轉工具!


掃碼或者微信搜 257735 加微信,回覆出海資料就可以免費領取《AI 編程出海資料》,一次過讀得明普通人都有辦法開始嘅出海路徑。
如果你想進一步系統學習、實操出海項目,👉 㩒入去睇詳情:推薦我嘅 AI 編程出海訓練營!
圖片

炸裂!Anthropic 又殺到癲咗!

由海外公司註冊到 Stripe 收款,成功跑通咗出海收付款全流程(實操分享)

出海建站必備:告別 AI 味,呢兩個頁面設計 Skills 太勁喇!

玩轉 Claude Code Hooks:令自動化滲透到每個環節

出海工具全集:覆蓋 9 大類別,收藏呢一篇就夠曬

出海網站實戰:Stripe 支付接入,由 0 到收款全流程

出海必備:一日搞掂 5 張港卡,我嘅香港卡辦理全攻略

彭濤:由百萬自媒體到 AI 編程出海,我嘅 2025 破局與重生

點擊上方卡片關注我

設置星標 學習更多AI出海知識

之前為了讓 AI 寫出一段符合標準的業務代碼,不得不反覆餵它幾百行的 System Prompt,甚至要把整本開發手冊複製粘貼進對話框。

結果呢?依然像個空有理論缺乏實戰經驗的實習生,在關鍵邏輯上反覆橫跳。

面對這種力不從心,最近Vercel Labs 給出了一份讓所有開發者解脱的答案,不用再費力調教 Prompt,通過模塊化的協議,給AI直接安裝“驅動”。

如果大模型是 CPU,那麼 Vercel Labs 帶來的 find-skills 就是那套精準對接硬件的驅動程序。

find-skills 讓AI助手能夠主動發現自身邊界,一鍵加載專家級實戰能力。

什麼是 find-skills?

想要進入這個生態,**find-skills** 是你必須掌握的核心工具。簡單來說,它就是 AI 技能界的“軟件包管理器”。

  • 官方入口:skills.sh
  • 核心功能:它是一個元技能(Meta-skill),專門負責在雲端搜索、發現並安裝其他專門的技能。

當 AI 面對一個它不擅長的領域(如複雜的 Playwright 測試或 Vercel 部署配置)時,它可以通過調用 find-skills 檢索雲端最匹配的工具包。

這意味着你的 AI 具備了“尋找自身能力邊界”並主動進化的能力。

5 分鐘從零實操

1. 快速初始化一個“實驗場”

創建一個基礎項目文件夾,並寫一段性能有缺陷的代碼。

mkdir my-ai-lab && cd my-ai-lab
npm init -y
touch index.js

在 index.js 裏寫入這段故意漏掉 key 且渲染低效的代碼:

// index.js:故意寫一個缺少 key 且渲染低效的組件
export default function BadComponent({ data }{
  return data.map(item => <div>{item.name}</div>); 
}

2. 發起搜索

在終端詢問 AI 相關的技能:

npx skills find react
圖片

3. 一鍵安裝

發現目標後,直接進行安裝。這個過程就像在手機上裝 App 一樣簡單:

npx skills add vercel-labs/agent-skills@vercel-react-best-practices

注意:推薦使用完整 GitHub 路徑,避開協議解析錯誤

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices
圖片

4. 現場問診:見證 AI 的進化

如果正在使用支持 Skills 協議的 AI 環境,可以直接對它說:

“請根據剛剛安裝的 `vercel-react-best-practices` 技能,檢查我 `index.js` 裏的代碼並給出重構建議。”
圖片

可以看到,AI 不再是泛泛而談,它會調用剛剛安裝的 Vercel 專家級規則,精準指出 key 屬性缺失的問題,並給出符合生產標準的優化方案。

find-skills 為什麼重要?

對於我們來說,關注 Skills 生態絕不僅僅是多了一個工具,而是在重塑我們與 AI 協作的底層邏輯。

Skills 生態的出現,實際上是在為 AI 提供一套統一的“物理接口”。

當通過 find-skills 找到並安裝一個插件時,相當於把業界最頂尖的工程實踐,無論是 Vercel 的部署經驗,還是大廠的測試規範,直接封裝進 AI 的大腦裏。

更重要的是,這開啓了 AI 能力的“樂高化”時代,以前優化 AI 能力需要折騰複雜的 RAG 或微調模型,而現在,只需要通過 npx skills init 就能把自己的獨門絕技打包成技能。

這種標準化的協議只要寫一次代碼,就能讓它在 Claude Code、Cursor、Gemini CLI 等主流 AI 編輯器中通用。

最後

大模型的知識總量雖然龐大,但它的時效性與專業深度永遠趕不上快速迭代的工程世界。find-skills 的真正魅力在於,可以我們意識到:未來的 AI 助手不應該是一個只會背書的“全才”,而應該是一個懂得如何尋找工具、如何調用專家經驗的“解決者”。

既然 Vercel 已經鋪好了通往 AI Agent 時代的道路,與其繼續在對話框裏用長篇累牘的 Prompt 苦苦調教,不如直接去“技能商店”逛逛,給你的 AI 裝上幾個硬核的專家包。

在這個 AI 進化速度遠超人類想象的時代,真正拉開差距的,往往不是誰的代碼寫得快,而是誰能最先給自己的 AI 助手裝上“最強外掛”。

現在就打開終端,輸入 npx skills find,開啓你的 AI 進化之路吧。

歡迎關注,這個賬號還會持續分享更多出海工具、實戰經驗、踩坑記錄。

推薦一個牛逼的中轉工具!


掃碼或微信搜索 257735 添加微信,回覆出海資料即可免費領取《AI 編程出海資料》,一次讀懂普通人也能啓動的出海路徑。
如果你想進一步系統學習、實操出海項目,👉 點擊瞭解詳情:推薦我的AI編程出海訓練營!
圖片

炸裂!Anthropic 又殺瘋了!

從海外公司註冊到 Stripe 收款,跑通了出海收付款全流程(實操分享)

出海建站必備:告別AI味,這兩個頁面設計 Skills 太牛了!

玩轉 Claude Code Hooks:讓自動化滲透到每個環節

出海工具全集:覆蓋 9 大類別,收藏這一篇就夠了

出海網站實戰:Stripe 支付接入,從 0 到收款全流程

出海必備:一天搞定5張港卡,我的香港卡辦理全攻略

彭濤:從百萬自媒體到 AI 編程出海,我的 2025 破局與重生