vercel-react-native-skills 是什麼、怎麼安裝使用：Vercel 官方的 React Native / Expo 性能最佳實踐 Skill

本文根據 vercel-labs/agent-skills 倉庫裏該技能的 SKILL.md 與倉庫 README 整理，資料核對於 2026-10-11。skills.sh 榜單當日顯示該技能累計安裝約 23.6 萬次；所在倉庫 vercel-labs/agent-skills 在 GitHub 約 3.2 萬 Star（同日數據）。技能內容會隨倉庫更新，以倉庫為準。

這個 Skill 做什麼

React Native 應用卡頓，十有八九出在長列表和動畫上，而這恰恰是模型憑網頁端經驗最容易寫錯的地方。vercel-react-native-skills 是一份移動端專用的規則集。description：構建高性能流動應用的 React Native 與 Expo 最佳實踐；在構建 React Native 組件、優化列表性能、實現動畫或使用原生模組時使用，涉及 React Native、Expo、移動端性能或原生平台 API 的任務會觸發。

規則按優先級分八類：

1. 列表性能（關鍵）——回調與函數引用的穩定性、列表項裏的圖片、避免內聯對象等；
2. 動畫（高）——使用只走 GPU 的屬性、派生值、手勢檢測；
3. 導航（高）；
4. 介面模式（高）；
5. 狀態管理（中）；
6. 渲染（中）；
7. Monorepo（中）——含原生依賴時的工程組織；
8. 配置（低）——例如用配置插件處理字體。

和同庫其他規則類技能一樣，每條規則是 rules/ 下的獨立文件，按需加載，另有彙編版 AGENTS.md。

怎麼安裝

倉庫 README 給的安裝方式是 skills CLI。只裝這一個技能，加上 CLI 文檔裏的 --skill 參數（技能名是 vercel-react-native-skills，與倉庫裏的文件夾名不完全相同）：

bash
npx skills add vercel-labs/agent-skills --skill vercel-react-native-skills

去掉 --skill 會進入選擇介面，可以一次勾選多個；加 -g 裝到用戶目錄，加 -a claude-code 之類的參數指定智能體。

倉庫整體介紹和其他安裝方式，詳見本站《vercel-labs/agent-skills 是什麼、怎麼安裝：Vercel 官方 Agent Skills（React / Next.js 最佳實踐、網頁介面規範審查）》。

怎麼用

• 「這個商品列表滑動掉幀，按 React Native 最佳實踐排查並修復」。
• 「用 Reanimated 給卡片加一個按壓縮放效果，注意只動 GPU 屬性」。
• 「評審 app/ 目錄，按優先級列出性能問題」。

適合誰 / 侷限

適合用 React Native 或 Expo 做應用的團隊，特別是從網頁端轉做移動端的開發者。它聚焦性能與工程實踐，不覆蓋構建、簽名和上架流程——這部分可以看 Expo 官方的技能庫；規則以新架構和當前主流庫（如 Reanimated）為前提，老項目使用前先確認依賴版本。

注意事項

• 許可：技能的 license 字段為 MIT。
• 不執行腳本、不聯網。
• 性能結論要在真機上驗證，模擬器和開發模式下的表現不代表發佈版本。