Claude MarketplacesSubmit
jezweb avatar

React Hook Form Zod

jezweb/claude-skills

Pairs React Hook Form's uncontrolled inputs with Zod schemas to give you type-safe forms with a single source of truth for validation on both client and server. The skill covers the resolver setup, dynamic field arrays, and Controller wrapping for third-party components. What stands out is the documented workarounds for 20 known issues, including performance tips for forms with 300+ fields, Zod v4 optional field bugs, and SSR hydration problems. Also flags upcoming breaking changes in v8 like the field.id to field.key rename. If you're already using shadcn/ui forms, this codifies the patterns you'd otherwise piece together from Stack Overflow.

skills.sh installs
1.2K
GitHub stars
1.1K
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add jezweb/claude-skills --skill react-hook-form-zod --agent claude-code

Installs into .claude/skills of the current project.

Files

Pairs React Hook Form's uncontrolled inputs with Zod schemas to give you type-safe forms with a single source of truth for validation on both client and server. The skill covers the resolver setup, dynamic field arrays, and Controller wrapping for third-party components. What stands out is the documented workarounds for 20 known issues, including performance tips for forms with 300+ fields, Zod v4 optional field bugs, and SSR hydration problems. Also flags upcoming breaking changes in v8 like the field.id to field.key rename. If you're already using shadcn/ui forms, this codifies the patterns you'd otherwise piece together from Stack Overflow.

Browse the repository on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/jezweb/claude-skills
Categories
Frontend Development, Backend & APIs, DevOps & CI/CD, Debugging

More from jezweb/claude-skills

All 166

Recommended

More Frontend Development
1wot-ui avatarwot-ui-v2wot-ui/open-wot回答、生成、重构、排查 wot-ui v2 相关代码时使用。关键词：wot-ui、uni-app、Vue3、wd-、ConfigProvider、useToast、useDialog、Form、Popup、theme、llms-full。适用于组件选型、API 查询、示例页面生成、主题定制、常见坑排查。1.2Kskills.sh installs
2sickn33 avatarfrontend-dev-guidelinessickn33/antigravity-awesome-skillsfrontend dev guidelines1.2Kskills.sh installs
3mastepanoski avatarui-design-reviewmastepanoski/claude-skillsComprehensive visual design and aesthetics evaluation. Analyzes typography, color, spacing, hierarchy, consistency, branding, and current product-category conve1.2Kskills.sh installs
4sickn33 avatarcc-skill-frontend-patternssickn33/antigravity-awesome-skillscc skill frontend patterns1.1Kskills.sh installs
5sickn33 avatartailwind-patternssickn33/antigravity-awesome-skillstailwind patterns1.1Kskills.sh installs
6getsentry avatarsentry-react-setupgetsentry/sentry-agent-skillsSetup Sentry in React apps. Use when asked to add Sentry to React, install @sentry/react, or configure error monitoring, error boundaries, session replay, or br1.1Kskills.sh installs