React Router v7
为AI助手集成React Router v7的导航与路由能力。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：React Router v7。 它的用途是：为AI助手集成React Router v7的导航与路由能力。 详细介绍见：https://321skill.com/skills/react-router-v7/ 请根据该页面的说明完成安装。
使用示例
“我的React项目想用React Router v7实现一个带权限控制的用户仪表盘路由，包含懒加载。”，它会提供v7中`createBrowserRouter`、`RouterProvider`的基本配置结构，解释如何使用`loader`和`action`进行数据加载与提交，并给出基于路由ID进行权限检查的示例代码。
介绍
这个Skill为AI助手（如Claude Desktop）提供了React Router v7的特定功能支持，使其能够理解和处理与React Router v7相关的开发任务。
它通过将React Router v7的API文档、核心概念和最佳实践集成到AI的上下文中，使AI能够回答关于路由配置、动态路由、数据加载、导航守卫等具体问题，并生成相关的代码片段。
该Skill主要面向使用React Router v7进行项目开发的前端或全栈开发者，特别是那些在开发过程中需要快速查阅API、解决路由问题或生成样板代码的工程师。
由于React Router版本间差异较大，使用时请确保您的项目确实基于v7版本，并注意AI生成的代码可能需要根据您的具体项目结构进行调整。
核心特点
专注于React Router v7这一特定版本，提供深度、精确的API和概念支持，而非泛泛而谈React路由；通过集成官方文档，能生成符合v7最新模式和最佳实践的代码。
注意事项
不适用于React Router v6及以下版本或其他路由库（如Vue Router）的项目。
常见问题
这个Skill能帮我升级React Router从v6到v7吗？
它可以提供v7的新特性和API变更信息，辅助你理解升级内容，但具体的迁移代码转换需要结合你的项目手动进行。
AI能基于我的现有路由配置生成代码吗？
可以，你需要向AI清晰地描述你现有的路由结构或提供相关代码片段，AI可以在此基础上提供v7的修改建议或生成新的配置代码。