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

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

Vue 專案常常受到響應性問題和不一致模式的困擾。此技能提供 Vue 3 Composition API、SSR 和 TypeScript 指導，包含具體的應該做和不應該做的範例。

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

Playwright 測試通常存在不穩定、執行緩慢和維護性差的問題。此技能會根據 40 多項經過驗證的最佳實踐（分為 8 個類別）來審查 TypeScript 測試程式碼，提供具體的改進建議和清晰的範例。

利用 AI 視覺功能從圖片中提取描述、物件和文字。本技能透過 verging.ai 提供簡單的 GPT-4o Vision API 整合。

將低解析度或雜訊過多的影片轉換為清晰的 HD/4K 輸出。此技能可自動化從本地檔案或影片 URL 進行完整增強流程，無需手動編輯即可交付成果。

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

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

使用 AI 創建圖片需要管理 API 金鑰、請求參數和回應處理。此技能提供一個即用介面，透過 verging.ai 代理 API 生成圖片，支援標準和 HD 品質模式。

手動替換影片中的臉孔既緩慢又需要專業軟體。此技能透過 verging.ai API 自動化整個工作流程,接受本地檔案或 YouTube/Bilibili 網址作為輸入,並直接交付結果。

使用者需要一個簡單的方式透過 verging.ai 代理呼叫 GPT-4o。此技能提供即開即用的 curl 範例，涵蓋串流與非串流的聊天完成功能。

自動移除任何圖片的背景，創建專業的透明 PNG。非常適合產品照片、大頭照和設計工作，無需手動編輯。

手動移除圖片背景既耗時又需要昂貴的軟體。這個技能透過 verging.ai API 自動化整個流程，可從任何 JPG、PNG 或 WebP 檔案產生透明 PNG 結果。

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

Claude 可以自動根據既定的網頁設計規範檢視 UI 程式碼，在部署前發現無障礙功能問題、使用性問題和最佳實踐違規。此技能會擷取最新的規範並進行靜態分析，以識別可改進之處。

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

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

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

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