TanStack Form Composition and UI Integration

Use this skill when the task is about reducing TanStack Form boilerplate, creating reusable form primitives, or adapting third-party UI components to TanStack Form fields.

Scope

• createFormHookContexts and createFormHook
• app-specific useAppForm patterns
• withForm, withFieldGroup, and typed context fallback
• UI-library adapters for headless field render props

Routing cues

• createFormHook, useAppForm, withForm, withFieldGroup, useFieldContext, useFormContext, pre-bound components, or Mantine, MUI, Chakra, shadcn/ui form bindings -> this skill
• package selection or framework choice -> tanstack-form-overview-and-setup
• validators, schemas, or custom errors -> tanstack-form-validation-and-errors
• arrays, listeners, or reactive subscriptions -> tanstack-form-dynamic-fields-and-reactivity
• Next.js, Remix, TanStack Start, React Native, or devtools -> tanstack-form-react-runtime-integrations