React Form Generator (RHF & Zod)

About

Streamline the creation of complex, accessible data-entry interfaces by automating the generation of form components, validation schemas, and server actions. This skill bridges the gap between field specifications and implementation, providing pre-configured templates for common worldbuilding entities like characters and locations. By integrating React Hook Form and Zod, it ensures robust type safety and consistent error handling across both client and server, while leveraging shadcn/ui for modern, accessible UI patterns and consistent user experiences.

Key Features

• Built-in accessibility patterns using shadcn/ui and automated ARIA attribute management
• Full TypeScript integration with inferred types from Zod schemas for end-to-end type safety
• Automated generation of React components, Zod schemas, and server actions from field specifications
• Support for complex field types including multi-select, date pickers, and file uploads with previews
• Comprehensive validation patterns for conditional logic and cross-field verification
• 0 GitHub stars

Use Cases

• Creating robust data-entry workflows that require synchronized client and server-side validation
• Building detailed entity editors for worldbuilding applications such as character sheets and location logs
• Rapidly prototyping accessible UI forms with consistent styling and standardized error handling