form-patterens-and-best-practices

What problem does it solve?

This skill provides guidance for creating consistent, well-structured forms in Next.js/react applications using shadcn UI components, react-hook-form, and Zod validation.

Core Features & Use Cases

• Standardized form components using shadcn Form, react-hook-form, and Zod for validation.
• Clear integration with feature-specific hooks for mutations and data handling.
• Guidelines for file organization, schema placement, accessibility, and maintainability.

Quick Start

Adapt the provided form patterns to create a new feature form by following the Import pattern, building a Form component, and wiring it to your feature hook for submission.