frontend-form

What problem does it solve?

This skill streamlines building validated React forms by integrating React Hook Form, Zod, and shadcn/ui Form components. It guides on organizing form schemas, applying common validation patterns, and standardizing submit and error handling across typical form scenarios.

Core Features & Use Cases

• Integrates React Hook Form with Zod to validate and manage form state across complex forms.
• Encourages a centralized schema location (features/[domain]/schemas.ts) to organize domain-specific form rules.
• Demonstrates patterns for submit handling, error display, and multi-field components (Select, Checkbox, etc).

Quick Start

Create a form using the provided Form components and Zod schemas, then wire its submit handler to your API.