skills.rest
Thanh-apero
Thanh-aperoCOMMUNITY
Explore all skills by this author →
GitHub

tanstack

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
One-click install
npx skills add https://github.com/Thanh-apero/apero-kit-cli --skill tanstack-thanh-apero
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
reactivereactive
2.0k

initialize

Set up Node.js, Yarn, and workspace commands for the Reactive Data Client monorepo.

Official
Intermediate
WalshingtonWalshington

tanstack-start

Build and deploy TanStack Start full-stack React apps on Cloudflare Workers.

Community
Advanced
fusenginefusengine
22

react-shadcn

Integrate shadcn/ui components into React applications with Tailwind CSS styling.

Community
Advanced
Pancake-QPancake-Q
1

nuxt

Build full-stack Vue applications with server-side rendering and file-based routing.

Community
Advanced