ck:tanstack

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

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/dungnt97/wallet-portal --skill ck-tanstack-dungnt97
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:tanstack
Source: https://github.com/dungnt97/wallet-portal/tree/main/claude/skills/tanstack
Command: npx skills add https://github.com/dungnt97/wallet-portal --skill ck-tanstack-dungnt97

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill consolidates TanStack Start, TanStack Form, and TanStack AI to streamline scaffolding, form management, and AI features in modern React apps.

Core Features & Use Cases

  • End-to-end TanStack scaffolding with Start for routing, server functions, and project structure.
  • Type-safe forms with TanStack Form and adapters like Zod or Valibot.
  • AI streaming and chat capabilities via TanStack AI to enable interactive UIs.
  • Quick guides and references to plan architecture and implementation.

Quick Start

Create a TanStack project with npm create @tanstack/start@latest and run the development server.

Frequently Asked Questions about ck:tanstack

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

FAQPage Schema
How do I scaffold a full-stack TanStack Start app with file-based routing and server functions?

Scaffold a TanStack Start app by running npm create @tanstack/start@latest, which sets up project structure, file-based routing, and server functions for React applications. You can then run the development server to begin building.

How do I manage type-safe forms in React using TanStack Form?

Manage type-safe forms in React with TanStack Form by integrating schema adapters like Zod or Valibot. This approach handles form state and validation while ensuring type safety throughout your application.

Can I build AI streaming and chat features in a TanStack Start application?

Yes, you can build AI streaming and chat features in a TanStack Start application by using TanStack AI. It enables interactive UIs with streaming capabilities directly within your React components.

What is the best way to combine TanStack Start, Form, and AI in a modern React app?

The best way to combine them is using a consolidated TanStack workflow that streamlines scaffolding, form management, and AI features. This provides references and examples to plan architecture and implementation across all three libraries.

Do I need a specific schema validation library to use TanStack Form?

TanStack Form supports schema adapters like Zod or Valibot for validation. You need to integrate one of these adapters to ensure type-safe form management and validation in your React application.

Does TanStack Start support server functions for full-stack React applications?

Yes, TanStack Start supports server functions for full-stack React applications. It provides the necessary architecture to handle routing and server-side logic within a single cohesive project structure.