fe-zod-form
OfficialTurn form specs into validated Zod schemas
Software Engineering#typescript#zod#react-hook-form#schema-generation#form-validation#multi-step-forms#standard-schema
Authorlety-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provides a clear, project-aligned workflow to generate Zod schemas and react-hook-form components for Lety 2.0 frontend, removing guesswork about file placement, resolver choice, and multi-step validation so forms are consistent, type-safe, and maintainable.
Core Features & Use Cases
- Schema generation: Create single-step or multi-step Zod schemas placed in the correct features/<feature>/logic/ directory with .schema.ts suffix and exported inferred types.
- Form scaffolding: Produce react-hook-form components using FormProvider, standardSchemaResolver, mode: 'onChange', and defaultValues for create and edit flows.
- Validation patterns: Support file uploads, cross-field validation using refine/superRefine, step-by-step partial validation with trigger(fields), and guidance to avoid anti-patterns like zodResolver or inline schemas.
Quick Start
Generate a create form schema and a corresponding form component for a user signup flow with name, email, password, and optional avatar upload.
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: fe-zod-form Download link: https://github.com/lety-ai/lety-skill-hub/archive/main.zip#fe-zod-form 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 471,000+ vetted skills library on demand.