React Hook Form With Zod

Use this skill for React Hook Form authoring and review. Start with sound RHF structure, then bring in Zod when the user needs schema validation, typed parsing, shared client/server validation, or modernization of stale Zod-backed forms.

Use This Skill When

• Building or reviewing React Hook Form forms
• Choosing between register, useController, Controller, and useFieldArray
• Setting defaultValues, formState, useFormState, setValue, reset, trigger, setError, or submit/error flows
• Structuring deeply nested forms with FormProvider and useFormContext
• Reviewing watch versus useWatch subscription choices
• Handling numeric, date, checkbox, or custom widget input values in RHF
• Improving accessibility and error rendering for forms
• Adding Zod validation to an RHF form when schemas or shared validation are needed
• Debugging nested errors, field arrays, controlled inputs, or server validation roundtrips
• Reviewing or modernizing outdated React Hook Form + Zod examples

Out Of Scope