Vue 應用程式經常面臨狀態管理問題，例如響應性遺失、初始化錯誤和除錯挑戰。此技能提供在 Vue 3 應用程式中正確實作 Pinia store 的經驗證模式和解決方案。

Vue.js 專案常常因資料流不清晰和響應式錯誤而受影響。本技能提供 Vue 3 和 Nuxt 3 開發的全面最佳實踐，包括正確的狀態管理、元件模式和資料流架構。

Vue 3 應用程式會遇到難以偵錯的執行階段錯誤、警告訊息、非同步失敗和 SSR 水合問題。本技能提供全面的偵錯指南和超過 100 個常見 Vue 3 開發問題的解決方案。

建立具有彈性輸入類型的 Vue composables 是一項挑戰。此技能提供了一種模式，用於構建可在 Library 等級的 composables，透過 MaybeRef 和 MaybeRefOrGetter 類型來接受反應式和非反應式輸入。

開發人員需要一種簡單的方式為其應用程式加入語音輸出功能，而無需管理複雜的音訊基礎架構。此技能透過直接的 API 呼叫提供對 OpenAI TTS-1-HD 模型的存取。

手動將音訊錄音轉換為文字既緩慢又容易出錯。此技能提供一個簡單的 API，使用 OpenAI Whisper 轉錄音訊檔案，並在數秒內回傳準確的文字。

Monorepo 建置系統的設定可能相當複雜。本技能提供專家級指引，說明如何為 JavaScript 和 TypeScript 專案設定 Turborepo 管線、任務相依性、快取策略以及 CI 整合。

為 React 應用程式新增流暢的頁面轉場和共享元素動畫，需要理解 View Transitions API 及其整合模式。此技能提供逐步指導、CSS 配方，以及來自 Vercel Labs 的 Next.js 模式。

建高效能的 React Native 應用需要遵循平台特定模式，包括清單、動畫和狀態管理。本技能提供 35 條以上的 AI 代理規則，以實現最佳化的行動開發。

React 應用程式經常有效能問題，例如不必要的重新渲染、大型套件大小和串列式資料獲取瀑布流。這個技能提供來自 Vercel 工程團隊的 45 條優先規則，以消除這些瓶頸並建置高效能的 Web 應用程式。

使用布林屬性建構 React 元件會導致程式碼難以維護。本技能提供適配 AI 的指南，說明如何使用複合元件、提升狀態和組合內部邏輯，以建立可擴展的元件架構。

使用者需要建立有效 Claude Code 技能的指導。此技能提供建立、結構化和封裝技能的完整指南，包含經過驗證的最佳實踐。

適用於 Claude、Codex 和 Claude Code 的 AI 技能

專為 Claude、Codex 和 Claude Code 設計的 AI 技能

Next.js 應用程式經常反覆抓取資料，導致頁面載入緩慢。Cache Components 支援 Partial Prerendering 和智慧快取策略，可即時提供快取內容，同時串流傳輸動態部分。

使用者通常不知道有哪些技能可以幫助他們完成任務。這個技能引導他們從開放的代理生態系统中發現相關功能，並使用簡單的命令進行安裝。

Dogfood 系統性地探索網頁應用程式以找出錯誤、使用者體驗問題及其他缺陷，並產生包含完整重現證據（包括截圖和影片）的結構化報告。

手動部署專案到 Vercel 需要時間且必須瀏覽儀表板。此技能透過自動框架偵測和預覽網址生成，自動化整個部署工作流程。

手動自動化網頁互動既耗時又容易出錯。Agent-browser 提供了一個命令列介面用於瀏覽器自動化，可實現自動化表單填寫、螢幕截圖、網頁擷取和端到端測試工作流程。

建置 AI 驅動的功能需要導航複雜的供應商 API、串流實作和類型安全模式。本技能提供 Vercel AI SDK 的完整文件參考，協助開發人員使用統一 API 透過 OpenAI、Anthropic、Google 和其他供應商實作文字產生、工具呼叫、結構化輸出和代理程式。