Create and validate React forms with react-hook-form and shadcn/ui.
npx skills add https://github.com/ngocnhanvo/temp-03-xehoihonda --skill forms-ngocnhanvo
Please help me install this Agent Skill. Skill: forms Source: https://github.com/ngocnhanvo/temp-03-xehoihonda/tree/main/.emdash/skills/forms Command: npx skills add https://github.com/ngocnhanvo/temp-03-xehoihonda --skill forms-ngocnhanvo
This Skill simplifies the creation, handling, and validation of forms using react-hook-form and shadcn/ui components, making form management more efficient and user-friendly.
Create a new contact form using the forms skill by defining the necessary fields and validation rules.
High-intent search queries and answers about installing and using this skill.
Form validation in React is managed using react-hook-form to define rules and track state, integrated with shadcn/ui components for input rendering. This automates validation logic and ensures data integrity without manual state tracking.
Build dynamic forms by defining field configurations and validation rules, then passing them to react-hook-form. The Skill automates binding these fields to shadcn/ui components for consistent user interaction and input handling.
Yes, react-hook-form and React are required dependencies. The Skill uses react-hook-form for state management and validation, while shadcn/ui provides the UI components needed to render form fields consistently.
React-hook-form integration with shadcn/ui connects form state management to UI components. The Skill automates passing react-hook-form's register and control methods to shadcn/ui inputs, creating accessible forms with robust validation.
Yes, you can create contact forms with custom validation. The Skill automates defining field schemas and applying rules in react-hook-form, then rendering the inputs with shadcn/ui components for user interaction.
Using react-hook-form with shadcn/ui requires a React environment and these specific dependencies. The Skill is limited to web applications using this stack and does not support non-React frameworks or other UI libraries.
doanchienthangdevCreate accessible React UIs with shadcn/ui components and Radix primitives.
machenjieModel loading, error, success, and permission-denied states for UI flows.
HeyvhuangCopy a real project into templates/NNN-slug/ with de-branding and environment examples.
hopeovertureGenerate React forms with React Hook Form, Zod validation, and shadcn/ui controls.
