Can it handle complex multi-step wizards?

Absolutely. It includes specific workflows for managing multi-step state, progress indicators, and step-by-step validation logic.

How does it handle dynamic fields or arrays?

The skill provides patterns for Form Arrays, allowing users to add, remove, and reorder repeatable field groups dynamically within the form state.

Does this skill support both Zod and Yup?

Yes, the skill is designed to work with both Zod and Yup validation libraries, providing type-safe schemas for React Hook Form.

Are the generated forms accessible?

Yes, the skill prioritizes web accessibility (A11y) by implementing semantic HTML, proper label associations, focus management, and ARIA live regions for errors.

React Form Builder Pro

Name: React Form Builder Pro
Author: deve1993

bydeve1993

•

デザインツール

Generates accessible, production-ready React forms with integrated validation, state management, and testing patterns.

概要

This skill accelerates the development of complex React forms by automating the creation of form schemas, field components, and validation logic. It specializes in integrating React Hook Form with Zod or Yup, handling multi-step wizard flows, and ensuring full ARIA compliance. Whether you need a simple login screen or a complex data-entry system with nested arrays and conditional logic, this skill provides standardized patterns and comprehensive testing strategies to ensure robust, type-safe form implementation.

主な機能

Multi-step wizard patterns with progress tracking and state persistence
Dynamic field management including field arrays and conditional rendering
Automated accessibility compliance via semantic HTML and ARIA attributes
React Hook Form & Zod/Yup integration for type-safe schema validation
Comprehensive testing patterns for validation rules and form submission
1 GitHub stars

ユースケース

Generating type-safe data entry forms with real-time server error handling
Creating reusable, accessible form component libraries for enterprise design systems
Building complex multi-step checkout processes or user onboarding flows

概要

主な機能

Multi-step wizard patterns with progress tracking and state persistence
Dynamic field management including field arrays and conditional rendering
Automated accessibility compliance via semantic HTML and ARIA attributes
React Hook Form & Zod/Yup integration for type-safe schema validation
Comprehensive testing patterns for validation rules and form submission
1 GitHub stars

ユースケース

Generating type-safe data entry forms with real-time server error handling
Creating reusable, accessible form component libraries for enterprise design systems
Building complex multi-step checkout processes or user onboarding flows