new-shared-dialog

To generate a React dialog component, run the create-dialog command with your desired dialog name. This automatically scaffolds the modal files using shadcn Dialog, react-hook-form, and zod under the shared dialogs directory.

Before creating shared dialogs, you need a React project with shadcn Dialog, react-hook-form, and zod already installed and configured. The Skill assumes a specific project structure to place the generated modal components correctly.

Yes, you can customize the generated modal by providing a user-defined dialog name, custom input fields, and specific layout structures. This allows the created dialog component to fit various application requirements.

The best way to standardize modal creation is to use an automated generation command that produces shared dialog components with predefined patterns. This ensures every React modal uses consistent shadcn Dialog and zod validation structures.

Generated shared dialog components are placed under the src/components/shared/dialogs/ directory. This specific project structure ensures your React modal components remain organized and easily accessible.

Using zod with react-hook-form when creating a dialog component ensures schema validation is integrated directly into the modal form. This provides standardized data validation and error handling for user inputs within the shared dialog.