應用 React Router 7 框架模式最佳實踐，包括伺服器優先的資料取得、類型安全的載入器/操作、適當的水合策略、中間件驗證、處理元資料、useMatches/useRouteLoaderData 掛鉤和最大類型安全。在使用 React Router 7 框架模式、實作載入器、操作、路由保護、麵包屑、使用 Suspense/Await 進行串流、URL 搜尋參數、表單驗證、樂觀 UI、資源路由（API 端點）、路由設定或建置 SSR 應用程式時使用。
透過命令列快速安裝 react-router-7-framework AI 技能到你的開發環境
來源：yonderlab/kota.agent.skills。
This skill targets React Router 7.9.0+ in framework mode. Key features by version:
| v7.0 | Framework mode, type generation, loaders/actions, Route. types | | v7.5 | href() utility for type-safe links | | v7.9+ | Stable middleware and context APIs, v8 future flags |
See references/routes-config.md for layout routes, Outlet, splat routes, custom IDs, and nested route patterns.
應用 React Router 7 框架模式最佳實踐，包括伺服器優先的資料取得、類型安全的載入器/操作、適當的水合策略、中間件驗證、處理元資料、useMatches/useRouteLoaderData 掛鉤和最大類型安全。在使用 React Router 7 框架模式、實作載入器、操作、路由保護、麵包屑、使用 Suspense/Await 進行串流、URL 搜尋參數、表單驗證、樂觀 UI、資源路由（API 端點）、路由設定或建置 SSR 應用程式時使用。 來源：yonderlab/kota.agent.skills。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework應用 React Router 7 框架模式最佳實踐，包括伺服器優先的資料取得、類型安全的載入器/操作、適當的水合策略、中間件驗證、處理元資料、useMatches/useRouteLoaderData 掛鉤和最大類型安全。在使用 React Router 7 框架模式、實作載入器、操作、路由保護、麵包屑、使用 Suspense/Await 進行串流、URL 搜尋參數、表單驗證、樂觀 UI、資源路由（API 端點）、路由設定或建置 SSR 應用程式時使用。 來源：yonderlab/kota.agent.skills。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/yonderlab/kota.agent.skills