具有許多布林 props 的 React 元件會變得難以維護和審查。此技能為代理提供清楚的 compound components、明確 variants，以及以 provider 為基礎的狀態模式。

團隊需要一致的方法來封裝可重複使用的代理知識與工作流程。此技能會引導 Claude、Codex 和 Claude Code 完成技能規劃、撰寫、驗證與封裝。

Next.js 升級可能涉及破壞性變更、codemod 和相依套件協調。此技能會引導 Claude、Codex 或 Claude Code 完成官方遷移步驟與驗證檢查。

在 Next.js 遷移期間，Cache Components 可能很難安全地採用。此技能針對 PPR、快取指令、生命週期、標籤和失效處理提供聚焦指引。

Next.js 專案經常因邊界不清、資料擷取緩慢和部署錯誤而失敗。此技能為 Claude、Codex 和 Claude Code 提供針對現代 App Router 工作的聚焦規則。

Electron 應用程式測試通常需要手動點擊、螢幕截圖和重複設定。此技能會示範 Claude、Codex 和 Claude Code 如何將 agent-browser 連接到 Electron 應用程式，並自動化這些工作流程。

手動瀏覽器測試與網頁擷取可能緩慢且難以重複。此技能為 Claude、Codex 和 Claude Code 提供結構化的 CLI 工作流程，用於導覽、互動、擷取以及重複使用驗證狀態。

AI SDK API 變動很快，這可能會讓產生的程式碼過時。這項技能會引導 Claude、Codex 和 Claude Code 使用最新文件與遷移模式。

團隊需要符合 AI Elements 模式且一致的 AI 聊天介面。此技能會依循 React、shadcn/ui 和 Vercel AI SDK 慣例，指引元件建立流程。

Serverless Redis work requires correct command patterns, serialization, expiration, and concurrency choices. This skill provides focused Upstash Redis guidance for implementation, migration, search, and optimization.

當框架慣例、瀏覽器驗證與部署規則混在一起時，前端工作經常會失敗。此技能為 React、Vue、Vite 與 CloudBase Web 工作提供代理可遵循的結構化路徑。

大型程式碼變更經常因範圍、設計與驗收標準不明確而失敗。此技能會引導 Claude、Codex 和 Claude Code 完成需求、設計、任務與分階段確認。

CloudBase PG 應用程式需要正確的 SDK、結構描述、驗證、RLS 與儲存設定。此技能會引導代理程式完成安全的 PostgreSQL 工作流程與驗證。

微信小程式開發需要平台特定的結構、預覽與 CloudBase 決策。此技能會引導設定、偵錯、發布檢查與 CloudBase 整合。

CloudBase 團隊在 SDK 不可用時，需要可靠的原始 HTTP 整合。此技能會指引端點選擇、驗證、OpenAPI 查詢，以及安全的請求建構。

當儲存桶、網域或存取規則不完整時，瀏覽器儲存工作流程可能會失敗。此 skill 會引導 CloudBase Web SDK 的上傳、下載、暫時 URL 與環境檢查。

CloudBase 上的 WeChat Pay 和 Official Account OAuth 需要正確產生的函式、openid 類型與回呼檢查。此技能會引導 Claude、Codex 和 Claude Code 完成情境設定、用戶端呼叫與安全的擴充模式。

CloudBase Web 團隊需要安全的 NoSQL 模式來進行前端資料工作。此技能會指引 CRUD、查詢、分頁、即時監聽器、地理位置與安全規則。

小程式資料庫工作需要正確的 SDK 模式與安全規則。此技能會引導 Claude、Codex 和 Claude Code 完成 CloudBase 文件資料庫任務。

當 CloudBase 身分識別會自動處理時，微信小程式驗證很容易被誤用。此技能提供 wx.cloud、OPENID、UNIONID 與雲端函式的實用模式。