已發佈技能 11
web-design-guidelines
檢視 UI 程式碼是否符合設計規範
Claude 可以自動根據既定的網頁設計規範檢視 UI 程式碼，在部署前發現無障礙功能問題、使用性問題和最佳實踐違規。此技能會擷取最新的規範並進行靜態分析，以識別可改進之處。
vercel-react-native-skills
應用 React Native 最佳實踐
建高效能的 React Native 應用需要遵循平台特定模式，包括清單、動畫和狀態管理。本技能提供 35 條以上的 AI 代理規則，以實現最佳化的行動開發。
vercel-react-best-practices
優化 React 和 Next.js 效能
React 應用程式經常有效能問題，例如不必要的重新渲染、大型套件大小和串列式資料獲取瀑布流。這個技能提供來自 Vercel 工程團隊的 45 條優先規則，以消除這些瓶頸並建置高效能的 Web 應用程式。
vercel-composition-patterns
應用 React 組合模式
使用布林屬性建構 React 元件會導致程式碼難以維護。本技能提供適配 AI 的指南，說明如何使用複合元件、提升狀態和組合內部邏輯，以建立可擴展的元件架構。
skill-creator
建立 Claude Code 技能
使用者需要建立有效 Claude Code 技能的指導。此技能提供建立、結構化和封裝技能的完整指南，包含經過驗證的最佳實踐。
react-best-practices
React 最佳實踐
適用於 Claude、Codex 和 Claude Code 的 AI 技能
next-upgrade
Next 升級
專為 Claude、Codex 和 Claude Code 設計的 AI 技能
next-cache-components
使用 Cache Components 優化 Next.js 效能
Next.js 應用程式經常反覆抓取資料，導致頁面載入緩慢。Cache Components 支援 Partial Prerendering 和智慧快取策略，可即時提供快取內容，同時串流傳輸動態部分。
next-best-practices
建立可投入生產的 Next.js 應用程式
不再猜測 Next.js 模式，寫出可擴展的程式碼。此技能提供來自 Vercel 的權威指導，包括檔案慣例、React Server Components、資料獲取、錯誤處理和部署最佳實踐。
find-skills
探索並安裝代理技能
使用者通常不知道有哪些技能可以幫助他們完成任務。這個技能引導他們從開放的代理生態系统中發現相關功能，並使用簡單的命令進行安裝。
agent-browser
自動化網頁測試的瀏覽器互動
手動自動化網頁互動既耗時又容易出錯。Agent-browser 提供了一個命令列介面用於瀏覽器自動化，可實現自動化表單填寫、螢幕截圖、網頁擷取和端到端測試工作流程。