skills.rest
tonamson
tonamsonCOMMUNITY
Explore all skills by this author →
GitHub

ck:tanstack

Automate setup of TanStack Start, Form, and AI projects.

Updated Aug 23, 2026
Search Tags:#full-stack#react#tanstack#scaffolding#ai#form#start
One-click install
npx skills add https://github.com/tonamson/please-done --skill ck-tanstack-tonamson
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:tanstack
Source: https://github.com/tonamson/please-done/tree/main/ck/.opencode/skills/tanstack
Command: npx skills add https://github.com/tonamson/please-done --skill ck-tanstack-tonamson

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Streamlines starting TanStack Start/Form/AI projects by providing a unified, guided setup that covers routing, server functions, type-safe forms, and AI-powered features.

Core Features & Use Cases

  • Unified TanStack scaffolding: Start for routing/server functions, Form for form handling, and AI for streaming chat.
  • Rapid project bootstrap: quickly initialize full-stack TanStack apps with best-practice structure.
  • Real-world scenarios: build admin dashboards with file-based routing, robust forms, and AI chat features.

Quick Start

Create a TanStack Start project with routing, wire in TanStack Form for forms, and enable TanStack AI streaming for chat features.

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 TanStack Start project with routing and server functions?▼

To scaffold a TanStack Start project, this Skill automates the setup of file-based routing and server functions, providing a best-practice structure to accelerate full-stack React development.

Can I use TanStack Form with Zod or Valibot for type-safe forms?▼

Yes, you can use TanStack Form with Zod or Valibot. This Skill configures type-safe forms by enabling adapters for schema validation, ensuring your form handling maintains strict type safety across the application.

How do I enable AI streaming for chat features in a TanStack app?▼

To enable AI streaming for chat features, this Skill integrates TanStack AI capabilities during project setup. It configures the streaming infrastructure so you can build AI-powered chat directly into your full-stack React application.

Do I need prior experience with TanStack Start and TanStack Form to use this scaffolding setup?▼

Yes, you need familiarity with TanStack Start, TanStack Form, and TanStack AI. The scaffolding requires existing knowledge to correctly configure routing, forms, and AI features within the generated project structure.

What is the best way to bootstrap an admin dashboard using TanStack Start?▼

The best way to bootstrap an admin dashboard is using this Skill's unified scaffolding, which combines TanStack Start for file-based routing, TanStack Form for robust data entry, and TanStack AI for interactive features.

Related Skills

Explore More Software Engineering Skills→
agusmdevagusmdev
5

tanstack-shadcn-setup

Configure Tailwind CSS v4 and shadcn/ui for TanStack Start and Router projects.

Community
Advanced
EdgeHuntEdgeHunt

ck:tanstack

Scaffold TanStack Start projects with routing, server functions, forms, and streaming AI.

Official
Advanced
buchananwillbuchananwill
2

scaffold-dashboard-patterns

Codify dashboard SPA patterns for Mantine, TanStack Router, and TanStack Query.

Community
Advanced
snake-dev-teamsnake-dev-team

ck:tanstack

Orchestrate full-stack React development with TanStack Start, Form, and AI.

Official
Advanced