skills.rest
felix-howard
felix-howardCOMMUNITY
Explore all skills by this author →
GitHub

ck:tanstack

Create TanStack Start projects with routes, server functions, and validated forms.

Updated Jan 11, 2026
Search Tags:#typescript#full-stack#react#tanstack#ai#forms
One-click install
npx skills add https://github.com/felix-howard/ella --skill ck-tanstack-felix-howard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:tanstack
Source: https://github.com/felix-howard/ella/tree/main/.opencode/skills/tanstack
Command: npx skills add https://github.com/felix-howard/ella --skill ck-tanstack-felix-howard

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the development of full-stack React applications, form management, and AI-powered features using the TanStack ecosystem.

Core Features & Use Cases

  • Full-Stack Development: Build applications with TanStack Start, featuring file-based routing and server functions.
  • Form Management: Create robust, type-safe forms with TanStack Form, including validation and state management.
  • AI Integration: Implement AI chat and streaming functionalities using TanStack AI.
  • Use Case: When building a new React application that requires complex forms and real-time AI chat capabilities, this Skill provides the foundational tools and patterns.

Quick Start

Use the tanstack skill to create a new project with TanStack Start by running npm create @tanstack/start@latest.

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?▼

To build a full-stack React app with TanStack Start, you can initialize a project using `npm create @tanstack/start@latest`. This provides file-based routing and server functions for your application architecture.

Can I use TanStack Form for type-safe validation in React?▼

Yes, TanStack Form supports robust, type-safe form validation by leveraging Zod. This allows you to manage form state and enforce validation schemas directly within your React application.

How do I integrate AI chat features into a React app?▼

You can integrate AI chat and streaming functionalities into your React app using TanStack AI. It provides necessary adapters to connect various AI providers for real-time interactions.

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

Yes, TanStack Start supports file-based routing and server functions natively. This streamlines full-stack React development by managing both client-side navigation and backend logic.

What is the best way to manage complex forms and AI chat in React?▼

The best way to manage complex forms and AI chat is using the TanStack ecosystem. It combines TanStack Form for state management and TanStack AI for real-time streaming functionalities.

Related Skills

Explore More Software Engineering Skills→
wsimmondswsimmonds
109

nextjs-app-router-fundamentals

Migrate Next.js Pages Router projects to App Router conventions.

Community
Basic
WalshingtonWalshington

tanstack-start

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

Community
Advanced
tejovanthntejovanthn
1

zod-validation

Validate and infer TypeScript runtime data with Zod schemas.

Community
Intermediate
auxi-wardrobeauxi-wardrobe
1

ck:tanstack

Create full-stack React projects with TanStack Start, Form, and AI.

Official
Advanced