skills.rest
haidonglethqb
haidonglethqbCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/haidonglethqb/CloudSchool --skill ck-tanstack-haidonglethqb
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
hashintelhashintel
35

tanstack-start

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

Official
Intermediate
ataschzataschz
18

TanStack Start

Bootstrap and maintain TanStack Start full-stack React apps on Cloudflare Workers.

Community
Advanced
samhvw8samhvw8
10

frontend-dev-guidelines

Automates frontend development across React 18+, Vue 3, Svelte 5, and Angular frameworks.

Community
Basic
jezwebjezweb
961

TanStack Start

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

Community
Intermediate