building-forms

Accessible web forms require proper ARIA attributes, keyboard navigation, and focus management. This Skill applies WCAG 2.1 AA patterns to ensure real-world forms like registration and checkout flows are usable across modern front-end stacks.

Choosing React form inputs depends on data type, constraints, and UX goals. This Skill uses a decision tree to systematically select input components, ensuring robust data capture for surveys, settings pages, and contact forms.

Zod validation timing in web forms can be implemented on blur, on change, debounced, or progressively. This Skill applies cross-field validation patterns to ensure robust data capture across multi-step and dynamic forms.

Multi-step forms with autosave and draft recovery are supported. This Skill implements dynamic form patterns, comprehensive error handling, and i18n-ready error messages to produce production-ready forms.

Checkout and registration flows are primary use cases. This Skill designs robust, accessible web forms tailored for these real-world scenarios, applying systematic input selection and validation strategies across modern front-end stacks.

Cross-field validation fails without proper timing strategies and dependency checks. This Skill implements progressive validation, debounced checks, and cross-field patterns to handle complex form dependencies and prevent validation errors.