Form Generator with React Hook Form & Zod

Generate production-ready React forms using React Hook Form, Zod validation schemas, and accessible shadcn/ui form controls. This skill creates forms with client-side and server-side validation, proper TypeScript types, and consistent error handling.

When to Use This Skill

Apply this skill when:

• Creating forms for entities (characters, locations, items, factions)
• Building data entry interfaces with validation requirements
• Generating forms with complex field types and conditional logic
• Setting up forms that need both client and server validation
• Creating accessible forms with proper ARIA attributes
• Building forms with multi-step or wizard patterns

Resources Available

Scripts

scripts/generate_form.py - Generates form component, Zod schema, and server action from field specifications.