React Hook Form Zod

This combines React Hook Form and Zod into a single validation pattern that works on both client and server. You define your schema once with Zod, get full TypeScript inference with z.infer, and wire it up with zodResolver. It's production ready with the latest versions and covers the common pain points: uncontrolled input warnings, multi-step forms, dynamic field arrays with useFieldArray, and async validation. The real win is DRY validation across your stack. Same schema validates the form in the browser and the API request on your server, so you're not writing validation logic twice or keeping two sets of rules in sync.

Install to Claude Code

npx -y skills add ovachiever/droid-tings --skill react-hook-form-zod --agent claude-code