skills.rest
MinhHoangDono
MinhHoangDonoCOMMUNITY
Explore all skills by this author →
GitHub

ck:tanstack

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

Updated Mar 7, 2026
Search Tags:#server functions#tanstack start#file-based routing#zod validation#tanstack ai#tanstack form#streaming chat
One-click install
npx skills add https://github.com/MinhHoangDono/antigravity-kit --skill ck-tanstack-minhhoangdono
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:tanstack
Source: https://github.com/MinhHoangDono/antigravity-kit/tree/main/.agent/skills/tanstack
Command: npx skills add https://github.com/MinhHoangDono/antigravity-kit --skill ck-tanstack-minhhoangdono

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

TanStack Start/Form/AI integration is difficult to set up and structure correctly, slowing down full-stack React development and making it harder to add safe type-checked forms and streaming chat features.

Core Features & Use Cases

  • TanStack Start project setup & routing: guides creation of file-based routes, loaders, middleware, and server functions for full-stack React apps.
  • TanStack Form type-safe form management: shows how to define fields with synchronous/async validation and SSR/server-side validation patterns.
  • TanStack AI chat/streaming & typed outputs: demonstrates building an AI chat endpoint with streaming responses and structured (schema-validated) output.
  • When to use: choosing TanStack Start vs Next.js/Remix and implementing TanStack-specific features (routes, server functions, forms, and AI) end-to-end.

Quick Start

Tell me to generate a TanStack Start project with a file-based route that uses a loader, a TanStack Form with Zod validation including an async blur check, and a streaming TanStack AI chat API route.

Frequently Asked Questions about ck:tanstack

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

FAQPage Schema
How do I set up file-based routing and server functions in TanStack Start?▼

TanStack Form type-safe management uses the useForm and form.Field APIs to define fields, enabling synchronous, async, and SSR server-side validation patterns including Zod schema checks.

How do I build a streaming AI chat endpoint with structured output in React?▼

Streaming AI chat endpoints with structured output are built using TanStack AI useChat and chat streaming APIs with provider adapters, applying schema validation to enforce typed responses.

What's the best way to implement async validation on blur in TanStack Form?▼

Async validation on blur in TanStack Form is implemented by defining async validator functions within form.Field configurations, allowing server-side checks to run without blocking synchronous field interactions.

When should I choose TanStack Start over Next.js or Remix for a full-stack React app?▼

Choose TanStack Start over Next.js or Remix when you need deeply integrated type-checked forms, structured AI streaming, and typed server functions within a single cohesive full-stack React ecosystem.

Related Skills

Explore More Software Engineering Skills→
haidonglethqbhaidonglethqb

tanstack

Set up TanStack Start projects with routes, server functions, and validation.

Community
Intermediate
ovachieverovachiever
52

tanstack-start

Build full-stack React apps on Cloudflare Workers with TanStack Start.

Community
Advanced
hashintelhashintel
35

tanstack-start

Scaffold TanStack Start routing, API routes, and AI integrations for React apps.

Official
Intermediate
ferdousbhaiferdousbhai
3

tanstack-start

Create and deploy full-stack React applications with TanStack Start.

Community
Advanced