hs:tanstack

Build full-stack React apps with TanStack Start, Form, and AI libraries.

Updated Jul 19, 2026
One-click install
npx skills add https://github.com/Dozyboy/VSF --skill hs-tanstack-dozyboy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hs:tanstack
Source: https://github.com/Dozyboy/VSF/tree/main/Day2_VSF/Demo1/harness/plugins/hs/disabled-skills/tanstack
Command: npx skills add https://github.com/Dozyboy/VSF --skill hs-tanstack-dozyboy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building full-stack React applications requires coordinating routing, server functions, form validation, and AI streaming across multiple libraries. This Skill provides the patterns and APIs for TanStack Start, TanStack Form, and TanStack AI so you can implement these features correctly without digging through documentation. ## Core Features & Use Cases - TanStack Start: Scaffold projects, create file-based routes, write type-safe server functions with Zod validation, and add middleware for auth and logging. - TanStack Form: Build headless forms with sync/async validators, debounced server checks, array fields, and SSR validation via createServerValidate. - TanStack AI: Add streaming chat with useChat hooks, structured output via Zod schemas, and isomorphic tools across OpenAI, Anthropic, Gemini, and Ollama. - Use Case: Create a TanStack Start app with a /posts/$postId route that loads data through a validated server function, renders a type-safe email form with async uniqueness checks, and streams AI chat responses from an API route. ## Quick Start Ask the assistant to scaffold a new TanStack Start project and create a route with a server function and a validated form.

Frequently Asked Questions about hs:tanstack

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a TanStack Start project with server functions?▼

Run npm create @tanstack/start@latest to scaffold the project, then define server functions with createServerFn, attach a Zod validator, and implement a handler. Call the function from route loaders or client components with full type inference.

How to add validation to TanStack Form fields?▼

TanStack Form supports validators on events like onChange, onBlur, and onBlurAsync, accepting Zod schemas or inline functions returning an error string. Use onBlurAsyncDebounceMs to debounce server-side checks such as email uniqueness.

TanStack Start vs Next.js: which should I use?▼

TanStack Start is client-first with opt-in SSR and full end-to-end type inference, while Next.js is server-first with first-class React Server Components. TanStack Start deploys anywhere via Nitro presets; Next.js is optimized for Vercel.

Does TanStack AI support providers other than OpenAI?▼

TanStack AI supports OpenAI, Anthropic, Google Gemini, and Ollama through dedicated adapter packages like @tanstack/ai-openai and @tanstack/ai-anthropic. Note the library is in Alpha and not production-ready.

What are the limitations of TanStack Start SSR?▼

TanStack Start defaults to client-side SPA rendering, and SSR must be enabled per route with the ssr option. React Server Components are planned but not yet available, unlike Next.js where they are first-class.