什么是 tanstack-router？
类型安全、基于文件的 React 路由，具有路由加载器、搜索参数验证、代码分割、预加载、导航、路由上下文和 TanStack 查询集成。在设置基于文件的路由、添加搜索参数验证、实现路由加载器、代码分割路由、配置虚拟文件路由、使用身份验证保护保护路由或修复类型注册错误时使用。用于路由器设置、导航模式、URL 状态管理、数据加载。 来源：oakoss/agent-skills。
·tanstack-router
{}
tanstack-router
✓类型安全、基于文件的 React 路由，具有路由加载器、搜索参数验证、代码分割、预加载、导航、路由上下文和 TanStack 查询集成。在设置基于文件的路由、添加搜索参数验证、实现路由加载器、代码分割路由、配置虚拟文件路由、使用身份验证保护保护路由或修复类型注册错误时使用。用于路由器设置、导航模式、URL 状态管理、数据加载。
如何安装 tanstack-router
通过命令行快速安装 tanstack-router AI 技能到你的开发环境
- 打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
- 运行安装命令: 复制并运行以下命令：npx skills add https://github.com/oakoss/agent-skills --skill tanstack-router
- 验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
来源：oakoss/agent-skills。
SKILL.md
查看原文Type-safe, file-based routing for React with route-level data loading, search params validation, code splitting, and TanStack Query integration.
| createFileRoute('/path') | Define file-based route | | createRootRouteWithContext () | Root route with typed context | | createLazyFileRoute('/path') | Code-split route component | | zodValidator(schema) | Search params validation | | Route.useLoaderData() | Access loader data in component | | Route.useParams() | Type-safe route params |
| Route.useSearch() | Type-safe search params | | useNavigate() | Programmatic navigation | | useBlocker() | Block navigation (dirty forms) | | notFound() | Throw 404 from loader | | getRouteApi('/path') | Type-safe hooks in split files | | stripSearchParams(defaults) | Clean default values from URLs |
类型安全、基于文件的 React 路由，具有路由加载器、搜索参数验证、代码分割、预加载、导航、路由上下文和 TanStack 查询集成。在设置基于文件的路由、添加搜索参数验证、实现路由加载器、代码分割路由、配置虚拟文件路由、使用身份验证保护保护路由或修复类型注册错误时使用。用于路由器设置、导航模式、URL 状态管理、数据加载。 来源：oakoss/agent-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/oakoss/agent-skills --skill tanstack-router- 分类
- {}数据分析
- 认证
- ✓
- 收录时间
- 2026-02-22
- 更新时间
- 2026-03-10
快速解答
如何安装 tanstack-router？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/oakoss/agent-skills --skill tanstack-router 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
这个 Skill 的源码在哪？
https://github.com/oakoss/agent-skills
详情
- 分类
- {}数据分析
- 来源
- skills.sh
- 收录时间
- 2026-02-22