fsd-form

To generate a validated React form component for an FSD slice, this Skill creates a UI component using react-hook-form and zod, integrating a mutation hook for submission and displaying per-field error messages.

Setting up form validation with zod and react-hook-form in a Feature-Sliced Design project is handled by generating a UI component that defines a zod schema and integrates react-hook-form for validation and submission.

Yes, you can create a form that connects to a mutation hook. The generated component integrates a mutation hook for submission, handling inputs and displaying per-field validation error messages.

The best way to manage form class names in generated React components is using the cn() utility. The Skill incorporates cn() for class name management directly within the generated form UI component.

Yes, this form generator supports per-field error messages for React Hook Form. The generated UI component displays individual validation errors for each input field using zod and react-hook-form.

You need to generate a form component in the ui directory for FSD when building a new input or submit UI requiring validation. It fits the Feature-Sliced Design architecture by creating files within the specific slice's ui/ folder.