ck:tanstack

Integrate TanStack Start, Form, and AI into full-stack React apps.

Updated Feb 27, 2026

Search Tags:#full-stack #react #tanstack #ai #form #server-functions #start

Ready to run

npx skills add https://github.com/haidonglethqb/CloudSchool --skill ck-tanstack-haidonglethqb

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ck:tanstack
Source: https://github.com/haidonglethqb/CloudSchool/tree/main/.qwen/skills/tanstack
Command: npx skills add https://github.com/haidonglethqb/CloudSchool --skill ck-tanstack-haidonglethqb

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

TanStack-based development often requires orchestrating Start, Form, and AI in a single, cohesive workflow. This skill consolidates the setup and usage to accelerate building full-stack React apps with file-based routing, server functions, and AI streaming.

Core Features & Use Cases

Integrates TanStack Start for project scaffolding and routing
Enables TanStack Form for type-safe, server-friendly forms with Zod/Valibot adapters
Adds TanStack AI for streaming chat and tool integration in UI
Use cases include building dashboards, admin panels, and AI-assisted forms with end-to-end type safety and SSR-ready architecture.

Quick Start

Create a TanStack project with Start, Form, and AI features using the latest starter commands.

Frequently Asked Questions about ck:tanstack

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

FAQPage Schema

How do I build a full-stack React app with TanStack Start and server functions?▼

Build full-stack TanStack apps by integrating Start for file-based routing, Form for type-safe validation, and AI for streaming. This workflow orchestrates these packages into a cohesive SSR-ready architecture.

Can I use TanStack Form with Zod or Valibot for server-friendly validation?▼

Yes, TanStack Form integrates with Zod and Valibot adapters to provide type-safe, server-friendly form validation. This enables end-to-end type safety for AI-assisted forms and dashboards.

How do I add AI streaming chat to a TanStack Start application?▼

Add AI streaming chat by integrating TanStack AI packages into your TanStack Start project. This provides real-time streaming and tool integration directly within your React UI components.

What is the best way to scaffold a TypeScript project with TanStack Start?▼

The best way to scaffold a TanStack Start project is using the latest Start CLI commands. This sets up a route-based TypeScript environment ready for Form and AI package integration.

Does TanStack Form work with server functions in a full-stack React workflow?▼

Yes, TanStack Form works seamlessly with server functions in a full-stack React workflow. It enables type-safe forms that integrate directly with your TanStack Start SSR architecture.

When should I not use a combined TanStack Start, Form, and AI workflow?▼

Avoid this combined TanStack workflow if your project lacks TypeScript tooling or does not require route-based SSR, server functions, and real-time AI streaming capabilities.