What problem does it solve? Adding a new page or route to a frontend codebase requires matching the repo's routing, layout, data-loading, and auth conventions, and skipping any of these leads to broken navigation, missing auth guards, or inconsistent page states. ## Core Features & Use Cases - Route Wiring Guidance: Walks through inspecting nearby routes, defining route responsibility, and wiring route registration, layouts, and navigation entries. - Framework-Specific Rules: Enforces TanStack Router v2 / React Router v7 practices such as Zod-validated search params, loader-based data fetching, and type-safe navigation. - State & Safety Checklist: Requires explicit loading, empty, error, and unauthorized states plus SEO/SSR verification for public-facing routes. - Use Case: When adding a new settings page to a React app, use this Skill to mirror an existing route's structure, add auth gating, hoist data loading into a loader, and cover the route with tests. ## Quick Start Use the add-page-route skill to add a new authenticated settings page with proper data loading, layout wiring, and tests.
