ck:tanstack

Scaffold TanStack Start React apps with typed forms and AI chat.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Developers often struggle to set up full‑stack React projects with type‑safe forms and integrated AI capabilities, spending time configuring routing, validation, and server functions.

Core Features & Use Cases

  • TanStack Start provides file‑based routing, server functions, and middleware for rapid full‑stack development.
  • TanStack Form offers headless, type‑safe form management with Zod validation.
  • TanStack AI enables streaming chat and tool integration directly within a TanStack app. Use cases include building a sales dashboard with a contact form that validates data on both client and server, and adding an AI assistant chat widget.

Quick Start

Ask the tanstack skill to scaffold a new project with TanStack Start and add a typed form using TanStack Form.

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 type-safe forms and AI chat?

To build a full-stack React app with type-safe forms and AI chat, you can scaffold a project using TanStack Start, add headless form management with TanStack Form, and integrate streaming chat via TanStack AI.

Can I use Zod for schema validation with TanStack Form?

Yes, you can use Zod for schema validation with TanStack Form to enforce type-safe validation on both the client and server within your full-stack React application.

What is the best way to add an AI assistant widget to a TanStack Start app?

The best way to add an AI assistant widget to a TanStack Start app is using the TanStack AI package, which enables streaming chat and tool integration directly within your routed application.

Does TanStack Start support file-based routing and server functions?

Yes, TanStack Start supports file-based routing, server functions, and middleware to provide a rapid full-stack development environment for React applications.

How do I scaffold a new TanStack Start project with typed forms?

You can scaffold a new TanStack Start project with typed forms by requesting project initialization, which sets up file-based routing alongside TanStack Form for headless, type-safe form management.

What packages are required to build TanStack apps with AI features?

Building TanStack apps with AI features requires the @tanstack/start, @tanstack/react-form, and @tanstack/ai packages, along with Zod for schema validation.