確保伺服器渲染的 HTML 和用戶端 React 樹之間的零不符完整性。在調試水合錯誤、修復文字內容不匹配、處理瀏覽器擴展 DOM 污染、使用 Suspense 實現選擇性水合、使用 React 19 use() 掛鉤實現確定性伺服器到客戶端資料橋或應用 Next.js 使用快取來防止資料漂移時使用。用於水合作用不符、SSR、 HydroRoot、suppressHydrationWarning、onRecoverableError、兩次渲染。
透過命令列快速安裝 hydration-guardian AI 技能到你的開發環境
來源：oakoss/agent-skills。
Ensures zero-mismatch integrity between server-rendered HTML and client-side React trees. Covers hydration error diagnosis, selective hydration via Suspense boundaries, deterministic data bridges with the React 19 use() hook, 'use cache' for eliminating data drift, two-pass rendering for client-only content, React 19's single-diff hydration error reporting for pinpointing exact mismatches, and automated validation...
When to use: Debugging hydration mismatch errors, fixing text content mismatches, handling browser extension DOM pollution, implementing deterministic data bridges, optimizing SSR/client hydration performance, setting up error monitoring with onRecoverableError.
When NOT to use: Client-only React applications without SSR, static sites without hydration, API-only backends.
確保伺服器渲染的 HTML 和用戶端 React 樹之間的零不符完整性。在調試水合錯誤、修復文字內容不匹配、處理瀏覽器擴展 DOM 污染、使用 Suspense 實現選擇性水合、使用 React 19 use() 掛鉤實現確定性伺服器到客戶端資料橋或應用 Next.js 使用快取來防止資料漂移時使用。用於水合作用不符、SSR、 HydroRoot、suppressHydrationWarning、onRecoverableError、兩次渲染。 來源：oakoss/agent-skills。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/oakoss/agent-skills --skill hydration-guardian確保伺服器渲染的 HTML 和用戶端 React 樹之間的零不符完整性。在調試水合錯誤、修復文字內容不匹配、處理瀏覽器擴展 DOM 污染、使用 Suspense 實現選擇性水合、使用 React 19 use() 掛鉤實現確定性伺服器到客戶端資料橋或應用 Next.js 使用快取來防止資料漂移時使用。用於水合作用不符、SSR、 HydroRoot、suppressHydrationWarning、onRecoverableError、兩次渲染。 來源：oakoss/agent-skills。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/oakoss/agent-skills --skill hydration-guardian 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/oakoss/agent-skills