form-validation-schemas
CommunityMaster form validation with Yup schemas.
Software Engineering#validation#forms#react-hook-form#yup#regex-patterns#nested-schemas#conditional-validation
Authorwonkpentink
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Declarative and robust validation for React forms, enabling reusable Yup schemas to enforce field types, required rules, and consistent error messaging across the app.
Core Features & Use Cases
- Declarative field validation with Yup types (string, number, boolean) and standard constraints
- Conditional validation with when() to adapt rules based on other fields
- Nested objects and arrays to model complex forms (addresses, contacts, multi-step flows)
- Regex-based pattern validation and reusable patterns for consistency
- Seamless integration with react-hook-form via yupResolver and TypeScript typings
Quick Start
Create a Yup schema file, import it into your form, and wire it to react-hook-form with yupResolver to enable automatic validation.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: form-validation-schemas Download link: https://github.com/wonkpentink/agent-skills-fe/archive/main.zip#form-validation-schemas Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.