nextjs-tanstack-form

Installation
SKILL.md

Covers the Field API (state + handlers), validation timing (onChange/onBlur/onSubmit/onServer), dynamic field arrays and multi-step wizards, debounced async validation, and shadcn/ui field composition. Also documents SOLID file organization for forms (form-options.ts, FormComponent.tsx, form.action.ts) and a comparison against React Hook Form. This is the Next.js Server Actions variant of TanStack Form — for a plain React app without Next.js see the react-forms skill.

TanStack Form for Next.js 16

Type-safe, performant forms with Server Actions and signal-based reactivity.

Agent Workflow (MANDATORY)

Before ANY implementation, use TeamCreate to spawn 3 agents:

  1. fuse-ai-pilot:explore-codebase - Analyze existing forms and validation patterns
  2. fuse-ai-pilot:research-expert - Verify latest TanStack Form docs via Context7/Exa
  3. mcp__context7__query-docs - Check form options and field API

After implementation, run fuse-ai-pilot:sniper for validation.

Installs
40
GitHub Stars
25
First Seen
Feb 28, 2026
nextjs-tanstack-form — fusengine/agents