skill:react-forms - Type-Safe Forms with React Hook Form + Zod

Version: 1.0.0

Purpose

Build type-safe, validated forms using React Hook Form v7 and Zod v4. A single Zod schema provides client-side validation, server-side validation, and full TypeScript inference via z.infer. This skill covers form setup, field registration, custom validation, error display, multi-step forms, dynamic fields, and Server Action integration. Use when building any form in React/Next.js that needs validation, type safety, or complex field interactions.

File Structure

skills/react-forms/
├── SKILL.md (this file)
└── examples.md

Interface References