react-hook-form-zod

Name: react-hook-form-zod
Author: fellipeutaka/leon

fellipeutakaDevelopment41 installs

About react-hook-form-zod

Build type-safe validated forms using React Hook Form v7 and Zod v4. Single schema works on client and server with full TypeScript inference via z.infer. Use when building forms, multi-step wizards, or fixing uncontrolled warnings, resolver errors, useFieldArray issues, performance problems with large forms.

Install

Copy the command and run it in a terminal.

$npx skills add https://fellipeutaka/leon --skill react-hook-form-zod

After installing, type/react-hook-form-zodin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

.claude-plugin/

plugin.json

agents/

openai.yaml

references/

accessibility.md

error-handling.md

links-to-official-docs.md

performance-optimization.md

rhf-api-reference.md

shadcn-integration.md

top-errors.md

zod-schemas-guide.md

rules/

react-hook-form-zod.md

scripts/

check-versions.sh

templates/

advanced-form.tsx

async-validation.tsx

basic-form.tsx

custom-error-display.tsx

dynamic-fields.tsx

multi-step-form.tsx

package.json

server-validation.ts

shadcn-form.tsx

Comments

Markdown supported

Details

Author: fellipeutaka/leon
Category: Development
Installs: 41

Report

More skills

All skills

remotion-render

github.com/inference-sh

1.6M

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

Scan a codebase for architecture improvement opportunities, present them as a visual HTML report, then dive deep into whichever one you pick.

design-mobile-apps

github.com/designed-by-ai

1.1M

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML

vercel-react-best-practices

github.com/vercel-labs

852.5k

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.