Create type-safe route trees with TanStack Router core primitives.
npx skills add https://github.com/redacharf/fin-punk --skill router-core-redacharf
Please help me install this Agent Skill. Skill: router-core Source: https://github.com/redacharf/fin-punk/tree/main/.agents/skills/router-core Command: npx skills add https://github.com/redacharf/fin-punk --skill router-core-redacharf
This Skill clarifies and codifies the core concepts and patterns needed to build and maintain a type-safe route tree with TanStack Router across frameworks, enabling consistent routing APIs and scalable architecture.
Define a root route and a child page, then render using RouterProvider in your app.
High-intent search queries and answers about installing and using this skill.
A type-safe route tree in TanStack Router is built by defining a root route with createRootRoute and child pages with createRoute, then passing the assembled tree to createRouter to establish predictable navigation and nested layouts.
Yes, TanStack Router core primitives are framework-agnostic and can be applied across both React and Solid applications to compose robust navigation structures with consistent routing APIs.
The best way to set up nested layouts and context is by leveraging createRootRoute with optional context integration, allowing you to match and traverse routes predictably while passing shared state down the route tree.
You can extend route capabilities by attaching frontmatter-based metadata and optional resources such as scripts, references, and assets directly to your route definitions within the router tree.
Yes, you can reuse router primitives to compose robust navigation structures in real-world apps, effectively handling complex routing requirements for dashboards, admin panels, and onboarding flows.
To start creating a router, you need to use the core primitives createRouter, createRoute, and createRootRoute to define the tree structure, then render the application using RouterProvider.
holblinGenerates file-based, type-safe routes for React and Solid applications with integrated data loading and validation.
vallafedericoExplain and demonstrate SolidStart file-based routing with dynamic routes, nested layouts, and route groups.
PP-NamiasImplement nested routes, server components, and API routes in Next.js.
HouseGarofaloCreate type-safe routes with Zod-validated search parameters and loaders for React apps.
