form_builder

Build accessible React forms using React Hook Form and Zod for validation, applying WCAG 2.1 patterns and over 50 input types. The skill provides decision trees for component selection, validation timing, and error handling to streamline data collection.

Multi-step wizards in React are built using provided UX best practices and accessible component patterns. The skill supplies decision trees for input selection and validation strategies, ensuring complex flows like checkout processes remain user-friendly and accessible.

Add WCAG 2.1 AA compliance to form components by applying the skill's built-in accessibility patterns. It ensures all form elements, from contact forms to surveys, are fully accessible to screen readers and follow strict UI/UX standards.

Yes, you can use this skill for checkout processes, registration flows, surveys, and settings pages. It provides tailored input types, inline validation for immediate feedback, and accessibility patterns to ensure a positive user experience across various platforms.

Use inline validation for immediate feedback based on the skill's validation timing guidance. It implements robust validation strategies and error handling patterns, ensuring users get accurate, real-time responses during data entry in registration or checkout flows.

You need React Hook Form and Zod to build accessible forms using this skill, as it relies on them for validation strategies. The skill leverages these dependencies to implement robust validation timing, error handling, and UI/UX best practices.