ck:tanstack

Scaffold TanStack Start, Form, and AI for full-stack React applications.

1|Updated Mar 5, 2026
One-click install
npx skills add https://github.com/hotriluan/alkana_web --skill ck-tanstack-hotriluan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:tanstack
Source: https://github.com/hotriluan/alkana_web/tree/main/.opencode/skills/tanstack
Command: npx skills add https://github.com/hotriluan/alkana_web --skill ck-tanstack-hotriluan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This set of TanStack tools provides a cohesive workflow to scaffold and integrate TanStack Start, TanStack Form, and TanStack AI for building robust full-stack React applications.

Core Features & Use Cases

  • TanStack Start: scaffolding, file-based routing, and server functions for rapid project setup.
  • TanStack Form: type-safe form management and validation with adapters.
  • TanStack AI: streaming AI chat features and isomorphic tooling for client/server.
  • Use cases include building routes with server functions, implementing robust form validation, and adding AI chat to TanStack projects.

Quick Start

Create a TanStack project with Start, then run the development server and explore Form validation and AI chat.

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 React app with TanStack Start?

TanStack Start scaffolding sets up a full-stack React project using file-based routing and server functions. You can quickly initialize the app structure, run the development server, and start building routes with integrated server-side logic.

How do I add type-safe form validation to a TanStack Start project?

TanStack Form provides type-safe form management and validation using adapters within a TanStack Start project. You can implement robust form validation workflows by integrating these adapters directly into your React components.

Can I build an AI chat feature with streaming in a TanStack Start app?

Yes, TanStack AI provides streaming AI chat features and isomorphic tooling for client and server environments. You can add AI chat to your TanStack Start application using the provided project structure and code samples.

What is the best way to structure server functions in a TanStack Start project?

The best way to structure server functions in TanStack Start is by using the provided project scaffolding and file-based routing. This approach demonstrates clear server routes and code samples for full-stack React applications.

Do I need specific adapters for TanStack Form validation?

Yes, TanStack Form uses adapters to handle type-safe form management and validation workflows. These adapters integrate with your validation logic to ensure robust form handling across your TanStack project.