review-react-best-practices

review-react-best-practices 技能為現代網頁開發提供了一套系統化、效能優先的審核流程。專為 React 和 Next.js (App Router) 專案設計，它作為一個高度細化的規則庫，幫助 AI 代理識別並解決複雜的效能瓶頸，如網路瀑布式請求 (network waterfalls)、不必要的重新渲染、過大的套件體積以及低效的資料序列化。透過應用優先級方法論—優先解決關鍵基礎設施問題，再處理微觀優化—該技能使開發者能夠在整個軟體開發生命週期中維持高性能標準。

• 優先級規則庫：評估從「關鍵 (CRITICAL)」(如瀑布式請求、套件臃腫) 到「低 (LOW)」(如 JS 執行熱點) 的各類問題。
• 深度的 Next.js 整合：專為 App Router 模式、RSC (React Server Components) 邊界、Server Actions 及資料擷取優化進行了調校。
• 可執行的診斷輸出：產生結構化的報告，包含檔案路徑、特定規則參考、影響評估以及最小化的代碼修復建議。
• 可恢復的工作流：與 Ship Faster 執行環境整合，確保審核日誌和證據被持久化，以便重播和團隊審查。
• 可擴展的架構：使用基於 Markdown 的規則系統，每個檢查定義在獨立的、可標記的檔案中，方便團隊隨時間自定義、排序和演進效能標準。

當進行組件重構、處理 PR 效能回歸，或調試 UI 卡頓與水合 (hydration) 問題時，請啟用此技能。確保您的環境允許代理使用 rg (ripgrep) 等工具在本地目錄搜尋規則，並務必根據專案的具體限制檢查產生的效能報告。此技能最適合在 CI/CD 審查階段或功能部署前應用，以確保代碼品質的一致性，並在開發流程早期發現效能退化。