TanStack Router Agent Skills
Type-safe routing and the TanStack Start full-stack framework for React and Solid.
Showing 1–31 of 31 skills
router-query
Integrating TanStack Router with TanStack Query: queryClient in router context, ensureQueryData/prefetchQuery in loaders, useSuspenseQuery in components, defaultPreloadStaleTime: 0, setupRouterSsrQueryIntegration for SSR dehydration/hydration and streaming, per-request QueryClient isolation.
packages/react-router/skills/compositions/router-query/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗migrate-from-react-router
Step-by-step migration from React Router v7 to TanStack Router: route definition conversion, Link/useNavigate API differences, useSearchParams to validateSearch + useSearch, useParams with from, Outlet replacement, loader conversion, code splitting differences.
packages/react-router/skills/lifecycle/migrate-from-react-router/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗react-router
React bindings for TanStack Router: RouterProvider, useRouter, useRouterState, useMatch, useMatches, useLocation, useSearch, useParams, useNavigate, useLoaderData, useLoaderDeps, useRouteContext, useBlocker, useCanGoBack, Link, Navigate, Outlet, CatchBoundary, ErrorComponent. React-specific patterns for hooks, providers, SSR hydration, and createLink with forwardRef.
packages/react-router/skills/react-router/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗migrate-from-nextjs
Step-by-step migration from Next.js App Router to TanStack Start: route definition conversion, API mapping, server function conversion from Server Actions, middleware conversion, data fetching pattern changes.
packages/react-start/skills/lifecycle/migrate-from-nextjs/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗react-start
React bindings for TanStack Start: createStart, StartClient, StartServer, React-specific imports, re-exports from @tanstack/react-router, full project setup with React, useServerFn hook.
packages/react-start/skills/react-start/SKILL.md
Incomplete bundle
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗server-components
Implement, review, debug, and refactor TanStack Start React Server Components in React 19 apps. Use when tasks mention @tanstack/react-start/rsc, renderServerComponent, createCompositeComponent, CompositeComponent, renderToReadableStream, createFromReadableStream, createFromFetch, Composite Components, React Flight streams, loader or query owned RSC caching, router.invalidate, structuralSharing: false, selective SSR, stale names like renderRsc or .validator, or migration from Next App Router RSC patterns. Do not use for generic SSR or non-TanStack RSC frameworks except brief comparison.
packages/react-start/skills/react-start/server-components/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗router-core
Framework-agnostic core concepts for TanStack Router: route trees, createRouter, createRoute, createRootRoute, createRootRouteWithContext, addChildren, Register type declaration, route matching, route sorting, file naming conventions. Entry point for all router skills.
packages/router-core/skills/router-core/SKILL.md
Incomplete bundle
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗auth-and-guards
Route protection with beforeLoad, redirect()/throw redirect(), isRedirect helper, authenticated layout routes (_authenticated), non-redirect auth (inline login), RBAC with roles and permissions, auth provider integration (Auth0, Clerk, Supabase), router context for auth state.
packages/router-core/skills/router-core/auth-and-guards/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗code-splitting
Automatic code splitting (autoCodeSplitting), .lazy.tsx convention, createLazyFileRoute, createLazyRoute, lazyRouteComponent, getRouteApi for typed hooks in split files, codeSplitGroupings per-route override, splitBehavior programmatic config, critical vs non-critical properties.
packages/router-core/skills/router-core/code-splitting/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗data-loading
Route loader option, loaderDeps for cache keys, staleTime/gcTime/ defaultPreloadStaleTime SWR caching, pendingComponent/pendingMs/ pendingMinMs, errorComponent/onError/onCatch, beforeLoad, router context and createRootRouteWithContext DI pattern, router.invalidate, Await component, deferred data loading with unawaited promises.
packages/router-core/skills/router-core/data-loading/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗navigation
Link component, useNavigate, Navigate component, router.navigate, ToOptions/NavigateOptions/LinkOptions, from/to relative navigation, activeOptions/activeProps, preloading (intent/viewport/render), preloadDelay, navigation blocking (useBlocker, Block), createLink, linkOptions helper, scroll restoration, MatchRoute.
packages/router-core/skills/router-core/navigation/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗not-found-and-errors
notFound() function, notFoundComponent, defaultNotFoundComponent, notFoundMode (fuzzy/root), errorComponent, CatchBoundary, CatchNotFound, isNotFound, NotFoundRoute (deprecated), route masking (mask option, createRouteMask, unmaskOnReload).
packages/router-core/skills/router-core/not-found-and-errors/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗path-params
Dynamic path segments ($paramName), splat routes ($ / _splat), optional params ({-$paramName}), prefix/suffix patterns ({$param}.ext), useParams, params.parse/stringify, pathParamsAllowedCharacters, i18n locale patterns.
packages/router-core/skills/router-core/path-params/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗search-params
validateSearch, search param validation with Zod/Valibot/ArkType adapters, fallback(), search middlewares (retainSearchParams, stripSearchParams), custom serialization (parseSearch, stringifySearch), search param inheritance, loaderDeps for cache keys, reading and writing search params.
packages/router-core/skills/router-core/search-params/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗ssr
Non-streaming and streaming SSR, RouterClient/RouterServer, renderRouterToString/renderRouterToStream, createRequestHandler, defaultRenderHandler/defaultStreamHandler, HeadContent/Scripts components, head route option (meta/links/styles/scripts), ScriptOnce, automatic loader dehydration/hydration, memory history on server, data serialization, document head management.
packages/router-core/skills/router-core/ssr/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗type-safety
Full type inference philosophy (never cast, never annotate inferred values), Register module declaration, from narrowing on hooks and Link, strict:false for shared components, getRouteApi for code-split typed access, addChildren with object syntax for TS perf, LinkProps and ValidateLinkOptions type utilities, as const satisfies pattern.
packages/router-core/skills/router-core/type-safety/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗router-plugin
TanStack Router bundler plugin for route generation and automatic code splitting. Supports Vite, Webpack, Rspack, and esbuild. Configures autoCodeSplitting, routesDirectory, target framework, and code split groupings.
packages/router-plugin/skills/router-plugin/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗solid-router
Solid bindings for TanStack Router: RouterProvider, useRouter, useRouterState, useMatch, useMatches, useLocation, useSearch, useParams, useNavigate, useLoaderData, useLoaderDeps, useRouteContext, useBlocker, useCanGoBack, Link, Navigate, Outlet, CatchBoundary, ErrorComponent. Solid-specific patterns with Accessor<T> returns, createSignal/createMemo/createEffect, Show/Switch/Match/Dynamic, and @solidjs/meta for head management.
packages/solid-router/skills/solid-router/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗solid-start
Solid bindings for TanStack Start: useServerFn hook, tanstackStart Vite plugin, StartClient, StartServer, Solid-specific setup, re-exports from @tanstack/start-client-core. Full project setup with Solid.
packages/solid-start/skills/solid-start/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗start-core
Core overview for TanStack Start: tanstackStart() Vite plugin, getRouter() factory, root route document shell (HeadContent, Scripts, Outlet), client/server entry points, routeTree.gen.ts, tsconfig configuration. Entry point for all Start skills.
packages/start-client-core/skills/start-core/SKILL.md
Incomplete bundle
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗auth-server-primitives
Server-side authentication primitives for TanStack Start: session cookies (HttpOnly, Secure, SameSite, __Host- prefix), session read/issue/destroy via createServerFn and middleware, OAuth authorization-code flow with state and PKCE, password-reset enumeration defense, CSRF for non-GET RPCs, rate limiting auth endpoints, session rotation on privilege change. Pairs with router-core/auth-and-guards for the routing side.
packages/start-client-core/skills/start-core/auth-server-primitives/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗deployment
Deploy to Cloudflare Workers, Netlify, Vercel, Node.js/Docker, Bun, Railway. Selective SSR (ssr option per route), SPA mode, static prerendering, ISR with Cache-Control headers, SEO and head management.
packages/start-client-core/skills/start-core/deployment/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗execution-model
Isomorphic-by-default principle, environment boundary functions (createServerFn, createServerOnlyFn, createClientOnlyFn, createIsomorphicFn), ClientOnly component, useHydrated hook, import protection, dead code elimination, environment variable safety (VITE_ prefix, process.env).
packages/start-client-core/skills/start-core/execution-model/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗middleware
createMiddleware, request middleware (.server only), server function middleware (.client + .server), context passing via next({ context }), sendContext for client-server transfer, global middleware via createStart in src/start.ts, middleware factories, method order enforcement, fetch override precedence.
packages/start-client-core/skills/start-core/middleware/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗server-functions
createServerFn (GET/POST), validator (Zod or function), useServerFn hook, server context utilities (getRequest, getRequestHeader, setResponseHeader, setResponseStatus), error handling (throw errors, redirect, notFound), streaming, FormData handling, file organization (.functions.ts, .server.ts).
packages/start-client-core/skills/start-core/server-functions/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗server-routes
Server-side API endpoints using the server property on createFileRoute, HTTP method handlers (GET, POST, PUT, DELETE), createHandlers for per-handler middleware, handler context (request, params, context), request body parsing, response helpers, file naming for API routes.
packages/start-client-core/skills/start-core/server-routes/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗start-server-core
Server-side runtime for TanStack Start: createStartHandler, request/response utilities (getRequest, setResponseHeader, setCookie, getCookie, useSession), three-phase request handling, AsyncLocalStorage context.
packages/start-server-core/skills/start-server-core/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗virtual-file-routes
Programmatic route tree building as an alternative to filesystem conventions: rootRoute, index, route, layout, physical, defineVirtualSubtreeConfig. Use with TanStack Router plugin's virtualRouteConfig option.
packages/virtual-file-routes/skills/virtual-file-routes/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗vue-router
Vue bindings for TanStack Router: RouterProvider, useRouter, useRouterState, useMatch, useMatches, useLocation, useSearch, useParams, useNavigate, useLoaderData, useLoaderDeps, useRouteContext, useBlocker, useCanGoBack, Link, Navigate, Outlet, CatchBoundary, ErrorComponent, Html, Body. Vue-specific patterns with Ref<T> returns, defineComponent, h() render functions, provide/inject, and computed refs.
packages/vue-router/skills/vue-router/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗vue-start
Vue bindings for TanStack Start: useServerFn hook, tanstackStart Vite plugin, StartClient, StartServer, Vue-specific setup, re-exports from @tanstack/start-client-core. Full project setup with Vue.
packages/vue-start/skills/vue-start/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗bundle-size-optimization
Use when working in this repository on JS bundle size, gzip regressions, benchmark scenarios, source attribution, treeshaking, dead code elimination, or Rolldown annotations.
skills/bundle-size-optimization/SKILL.md
TanStack RouterContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗
Discovery details
Tracked SKILL.md files, excluding tests, fixtures, dependencies, and vendored directories. The Instructions analysis keeps its own pinned revision.
Give your agents the whole story.
Skills teach agents how your team works. Modem shows them what customers said, who is affected, and what changed.