About tanstack-start
tanstack-start is a guidance skill for building full-stack applications with TanStack Start. It covers server functions, middleware, deployment, rendering, and React, Solid, and Vue adapters, while directing developers to version-matched references.
Key features
- 01Start architecture and runtime guidance
- 02Server functions and routes
- 03Middleware and authentication
- 04Deployment and rendering
- 05React, Solid, and Vue adapters
Use cases
- 01Set up a TanStack Start application
- 02Implement server functions and middleware
- 03Configure deployment or framework adapters
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/tanstack-startin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
.tanstack-product-skill.jsonLICENSEagents/openai.yamllicenses/a405ee70c632bb938acb7ac5f210e814409b3760ea9d2329d8ed8ffcfd11a0e7.txtreferences/deployment-rendering.mdfoundations.mdframework-react.mdframework-solid.mdframework-vue.mdreferences/assets/tanstack-router-core-search-params/references/validation-patterns.mdreferences/guides/tanstack-react-start-d9f2ca2e.mdtanstack-react-start-lifecycle-migrate-from-nextjs-fcda4574.mdtanstack-react-start-server-components-93d115ff.mdtanstack-router-core-3c7fd849.mdtanstack-router-core-auth-and-guards-fbf39499--common-mistakes.mdtanstack-router-core-auth-and-guards-fbf39499--core-patterns.mdtanstack-router-core-auth-and-guards-fbf39499--cross-references.mdtanstack-router-core-auth-and-guards-fbf39499--overview.mdtanstack-router-core-auth-and-guards-fbf39499--setup.mdtanstack-router-core-auth-and-guards-fbf39499.mdtanstack-router-core-code-splitting-21d488b4.mdtanstack-router-core-data-loading-9f5ce056--common-mistakes.mdtanstack-router-core-data-loading-9f5ce056--core-patterns.mdtanstack-router-core-data-loading-9f5ce056--cross-references.mdtanstack-router-core-data-loading-9f5ce056--overview.mdtanstack-router-core-data-loading-9f5ce056--route-loading-lifecycle.mdtanstack-router-core-data-loading-9f5ce056--setup.mdtanstack-router-core-data-loading-9f5ce056--tensions.mdtanstack-router-core-data-loading-9f5ce056.mdtanstack-router-core-navigation-ec84fd49.mdDetails
From the project READMETanStack Start
Full-stack application guidance for TanStack Start, including server functions, middleware, deployment, and framework adapters.
Confirm the installed package version before using an API.
Workflow
- Inspect installed TanStack packages and exact versions.
- Read the foundation reference and the adapter reference for the detected framework.
- Topic references are indexes. Choose one guide or section for the task; follow its prerequisite links only when needed.
- Prefer installed package types and version-matched source guidance over memory.
- Preserve headless/core behavior when translating examples to a framework adapter.
Task routing
- Foundations — Start architecture and execution model.
- Server runtime — Server functions, server routes, and server runtime behavior.
- Middleware and authentication — Request middleware and server authentication primitives.
- Deployment and rendering — Deployment and server-component guidance.
- React adapter — React Start setup and migration.
- Solid adapter — Solid Start adapter guidance.
- Vue adapter — Vue Start adapter guidance.
- Router essentials — Bundled Router foundations, navigation, data, authentication, and error guidance required by Start.
- Router SSR, tooling, and adapters — Bundled Router SSR, code splitting, build tooling, route generation, Solid, and Vue guidance.
Framework routing
- React — detect
@tanstack/react-start. Read React adapter. - Solid — detect
@tanstack/solid-start. Read Solid adapter. - Vue — detect
@tanstack/vue-start. Read Vue adapter.
Product boundaries
Use these separate product skills when the task crosses their boundary: tanstack-router, tanstack-query.
See source provenance for exact upstream inputs and deduplication records.
Comments
Markdown supported