form-validation-schemas

Community

Master form validation with Yup schemas.

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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.