react-hook-form-zod
✓该技能提供了使用 React Hook Form 和 Zod 模式验证在 React 中构建类型安全、经过验证的表单的全面知识。 使用时机：在 React 中构建带有验证的表单、将 Zod 模式验证与 React Hook Form 集成、使用 shadcn/ui 表单或字段组件、使用单一模式实现客户端和服务器端验证、处理复杂的验证场景（嵌套对象、数组、条件字段、异步验证）、构建多步骤表单或向导、使用 useFieldArray 实现动态表单字段、优化表单性能和重新渲染、确保可访问的表单错误处理或调试表单验证问题。 关键词：react-hook-form、useForm、zod 验证、zodResolver、@hookform/resolvers、表单模式、注册、handleSubmit、formState、useFieldArray、useWatch、useController、控制器、shadcn 表单、字段组件、客户端服务器验证、嵌套验证、数组字段验证、动态字段、多步表单、异步验证、zod 精炼、z.infer、表单错误处理、不受控到受控、未找到解析器、模式验证错误
SKILL.md
Status: Production Ready ✅ Last Updated: 2025-10-23 Dependencies: None (standalone) Latest Versions: react-hook-form@7.65.0, zod@4.1.12, @hookform/resolvers@5.2.2
| resolver | Validation resolver (e.g., zodResolver) | undefined | | mode | When to validate ('onSubmit', 'onChange', 'onBlur', 'all') | 'onSubmit' | | reValidateMode | When to re-validate after error | 'onChange' | | defaultValues | Initial form values | {} | | shouldUnregister | Unregister inputs when unmounted | false |
| criteriaMode | Return all errors or first error only | 'firstError' |
该技能提供了使用 React Hook Form 和 Zod 模式验证在 React 中构建类型安全、经过验证的表单的全面知识。 使用时机：在 React 中构建带有验证的表单、将 Zod 模式验证与 React Hook Form 集成、使用 shadcn/ui 表单或字段组件、使用单一模式实现客户端和服务器端验证、处理复杂的验证场景（嵌套对象、数组、条件字段、异步验证）、构建多步骤表单或向导、使用 useFieldArray 实现动态表单字段、优化表单性能和重新渲染、确保可访问的表单错误处理或调试表单验证问题。 关键词：react-hook-form、useForm、zod 验证、zodResolver、@hookform/resolvers、表单模式、注册、handleSubmit、formState、useFieldArray、useWatch、useController、控制器、shadcn 表单、字段组件、客户端服务器验证、嵌套验证、数组字段验证、动态字段、多步表单、异步验证、zod 精炼、z.infer、表单错误处理、不受控到受控、未找到解析器、模式验证错误 来源：jackspace/claudeskillz。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/jackspace/claudeskillz --skill react-hook-form-zod- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 react-hook-form-zod？
该技能提供了使用 React Hook Form 和 Zod 模式验证在 React 中构建类型安全、经过验证的表单的全面知识。 使用时机：在 React 中构建带有验证的表单、将 Zod 模式验证与 React Hook Form 集成、使用 shadcn/ui 表单或字段组件、使用单一模式实现客户端和服务器端验证、处理复杂的验证场景（嵌套对象、数组、条件字段、异步验证）、构建多步骤表单或向导、使用 useFieldArray 实现动态表单字段、优化表单性能和重新渲染、确保可访问的表单错误处理或调试表单验证问题。 关键词：react-hook-form、useForm、zod 验证、zodResolver、@hookform/resolvers、表单模式、注册、handleSubmit、formState、useFieldArray、useWatch、useController、控制器、shadcn 表单、字段组件、客户端服务器验证、嵌套验证、数组字段验证、动态字段、多步表单、异步验证、zod 精炼、z.infer、表单错误处理、不受控到受控、未找到解析器、模式验证错误 来源：jackspace/claudeskillz。
如何安装 react-hook-form-zod？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/jackspace/claudeskillz --skill react-hook-form-zod 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/jackspace/claudeskillz
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01