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

•

Design Tools

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.

Key Features

01Multi-step wizard patterns with progress tracking and state persistence

02Dynamic field management including field arrays and conditional rendering

03Automated accessibility compliance via semantic HTML and ARIA attributes

04React Hook Form & Zod/Yup integration for type-safe schema validation

05Comprehensive testing patterns for validation rules and form submission

061 GitHub stars

Use Cases

01Generating type-safe data entry forms with real-time server error handling

02Creating reusable, accessible form component libraries for enterprise design systems

03Building complex multi-step checkout processes or user onboarding flows

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add deve1993/quickfy-website form-builder

For use in Claude.ai and ChatGPT

Download Skill