应用 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