團隊在虛設檔案上浪費時間,這些檔案計入覆蓋率卻無法捕捉任何錯誤。此技能建立具有實際斷言的真實測試,驗證行為並在進入生產環境前捕捉回歸問題。

從頭建立 AI 代理既複雜又容易出錯。此技能提供可立即投入生產的範本，可與 Unite-Hub 的代理生態系統無縫整合，確保適當的治理、測試和多租戶隔離。

為 Next.js 應用程式建立和修復 React 元件。實作 shadcn/ui 模式、響應式版面配置，並遵循設計系統指南建立可存取的使用者介面。

停止建立不安全的多租戶應用程式。此代理程式為 Supabase 資料庫實作正確的工作區隔離、身份驗證和列級安全性。

建立多租戶 API 端點需要仔細的工作區隔離和身份驗證。本技能提供可直接使用的模式，適用於 Next.js 15+ API 路由與 Supabase 整合，以及適當的工作區驗證。

為較舊 Claude 模型建立的程式碼庫在遷移至 Opus 4.5 時需要更新。此技能可自動執行遷移，更新模型字串、移除已棄用的標頭，並套用行為調整以實現順暢過渡。

建構 React 應用程式需要適當的路由和導航模式。此技能提供可立即使用的程式碼範例，適用於 React Router v6 和 Next.js App Router，包括巢狀路由、動態區段和程式化導航。

Zustand 狀態管理在 React Native 中有微妙的時序行為，會導致難以除錯的問題。本技能提供經過驗證的模式來處理同步的 set() 呼叫、避免非同步操作中的過時閉包，以及實現可靠的訂閱存儲。

為 React Native 應用程式編寫測試需要了解模擬原生模組、處理非同步狀態以及測試 Zustand 儲存。本技能提供經過驗證的模式和程式碼範例，以建立可靠的測試套件。

React Native 中的複雜多步驟操作容易出現順序錯誤和未經測試的邊緣情況。此技能提供了建模狀態轉換、實現經過驗證的流程步驟以及將流程狀態呈現到 UI 的模式。

React Native 應用程式經常遭遇捲動卡頓、不必要的重新渲染和清單效能緩慢等問題。此技能提供經過驗證的 FlatList 優化、記憶化和狀態管理模式,能夠消除效能瓶頸。

靜默失敗會造成除錯惡夢。使用日誌模式、錯誤訊息設計和結構化除錯技術,快速診斷生產環境問題。

React Native 身份驗證需要謹慎處理 OAuth 流程、安全的令牌儲存和會話管理。此技能提供經過實戰驗證的模式,用於實作 Google 登入、使用 SecureStore 儲存令牌、使用 Expo Router 保護路由,以及後端整合。

React Native 應用程式中的非同步錯誤通常在開發環境中正常運作,但在高負載下會失效。此技能提供模式來偵測和修復 Zustand 狀態管理中的競態條件、浮動 Promise 和非同步時序問題。

Zustand 的簡潔性隱藏了時序複雜性,會導致微妙的錯誤。學習同步 set() 行為、防止過時閉包、非同步操作和選擇器優化的模式,以編寫可靠的 React 狀態管理。

測試 React 元件需要理解元件渲染、使用者互動和非同步狀態管理。此技能提供了可直接使用的 Jest 和 React Testing Library 模式,幫助您為元件、狀態管理、hooks 和非同步操作編寫可靠的測試。

具有非同步依賴的多步驟 React 操作容易出現順序錯誤和遺漏前提條件的問題。此技能提供模式和檢查清單，用於在 React Web 和 React Native 應用程式中實作穩健的狀態機模式。

React 應用程式經常因不必要的重新渲染和緩慢的列表渲染而導致糟糕的使用者體驗。此技能提供記憶化、虛擬化、程式碼分割和效能分析的專業模式,以建構快速、響應迅速的 React 應用程式。

React 的非同步錯誤常在開發環境正常，但在高負載下失敗。此技能提供經過實戰驗證的模式，處理浮動 Promise、競態條件，以及與 Zustand 和 React Query 相關的非同步時序問題。

無聲的失敗讓除錯變得不可能。這項技能教你撰寫內建可觀測性的 React 程式碼,透過結構化日誌記錄、上下文錯誤訊息,以及符合生產環境的除錯模式。