tanstack-form-composition-and-ui-integration
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
createFormHookContextsandcreateFormHook- app-specific
useAppFormpatterns 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
More from dobroslavradosavljevic/skills
base-ui-typescript-surface
Use for Base UI namespace contracts, change event types, generic render types, and wrapper typing patterns.
4base-ui-basic-primitives
Use for simple primitives with low integration complexity (Avatar, Button, Meter, Progress, Scroll Area, Separator).
4base-ui-root-providers
Use for CSP Provider, Direction Provider, and useDirection when wiring Base UI at the app root or across portals.
4base-ui-menus-navigation-and-toast
Use for Menu, Context Menu, Menubar, Navigation Menu, Toolbar, Toast, and shared command-surface patterns such as detached triggers and menu payloads.
4base-ui-forms-and-validation
Use for Base UI Field/Form primitives, validation flows, form controls, and advanced Number Field, Slider, and RadioGroup behavior.
4base-ui-disclosure-and-tabs
Use for stateful visibility components (Accordion, Collapsible) and tab navigation semantics.
4