What problem does it solve? Building full-stack React apps with TanStack Start requires knowing where code runs (server vs client), how to create type-safe RPCs, and how to avoid framework-confusion mistakes like using Next.js patterns. This Skill provides the core mental model and setup workflow so AI agents generate correct TanStack Start code on the first attempt. ## Core Features & Use Cases - Project Bootstrap: Vite plugin ordering, router factory, root route document shell with HeadContent and Scripts, and tsconfig guidance. - Sub-Skill Routing: A decision tree that directs work to specialized sub-skills for server functions, middleware, auth primitives, server routes, execution model, and deployment. - Mistake Prevention: Explicit warnings against isomorphic-loader secret leaks, missing Scripts components, verbatimModuleSyntax, and Next.js/Remix pattern contamination. - Use Case: When scaffolding a new TanStack Start route that loads data from a database, the Skill ensures the query goes inside createServerFn, the loader calls it directly, and auth is enforced in the handler rather than relying on a route guard. ## Quick Start Ask the agent to scaffold a new TanStack Start route with a server function that loads data and enforces authentication.
