什麼是 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