tanstack

Name: tanstack
Availability: InStock
Author: thanh-apero

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

1|1|Updated Jan 15, 2026

Search Tags:#full-stack #react #tanstack #ai integration #form management

Ready to run

npx skills add https://github.com/Thanh-apero/apero-kit-cli --skill tanstack-thanh-apero

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: tanstack
Source: https://github.com/Thanh-apero/apero-kit-cli/tree/main/templates/skills/tanstack
Command: npx skills add https://github.com/Thanh-apero/apero-kit-cli --skill tanstack-thanh-apero

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @tanstack/react-start, @tanstack/react-form, @tanstack/ai, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill unit addresses the complexity of building full-stack React apps with TanStack Start, managing forms with TanStack Form, and integrating AI features with TanStack AI, offering a streamlined development experience.

Core Features & Use Cases

Full-Stack Development: Scaffold projects with TanStack Start, including file-based routing and server functions.
Form Management: Utilize TanStack Form for headless form management with type-safe validation.
AI Integration: Add AI chat/streaming capabilities with TanStack AI.
Use Case: Ideal for developers looking to create a full-stack React app with integrated AI features, leveraging TanStack's ecosystem.

Quick Start — TanStack Start

Use the tanstack skill to initialize a new project with the following command:

npm create @tanstack/start@latest

Frequently Asked Questions about 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?▼

To build a full-stack React app with TanStack Start, you can scaffold a new project using the `npm create @tanstack/start@latest` command, which sets up file-based routing and server functions to streamline development.

Can I manage type-safe forms in a React application using TanStack Form?▼

Yes, you can manage type-safe forms in a React application using TanStack Form by utilizing its headless form management capabilities, which provide robust validation without imposing predefined UI components.

How do I integrate AI chat and streaming capabilities into a React app?▼

You can integrate AI chat and streaming capabilities into a React app by using the @tanstack/ai package, which provides the necessary tools to add AI features directly within your TanStack ecosystem.

Do I need specific packages to use TanStack for full-stack React and AI development?▼

Yes, you need to install the @tanstack/react-start, @tanstack/react-form, and @tanstack/ai packages to use this Skill for full-stack React development, form management, and AI integration.

What is the best way to combine TanStack Start, Form, and AI in one project?▼

The best way to combine TanStack Start, Form, and AI in one project is by leveraging the TanStack suite to scaffold your app, implement headless forms, and add AI streaming features for a unified full-stack experience.

Does TanStack Start support file-based routing and server functions for full-stack apps?▼

Yes, TanStack Start supports file-based routing and server functions for full-stack apps, allowing you to scaffold projects and manage both client-side navigation and server-side logic efficiently.