form-generator-rhf-zod
✓当使用 React Hook Form、Zod 验证和 shadcn/ui 组件生成 React 表单时，应该使用此技能。适用于创建实体表单、字符编辑器、位置表单、数据输入表单或任何需要客户端和服务器验证的表单。触发术语包括创建表单、生成表单、构建表单、React Hook 表单、RHF、Zod 验证、表单组件、实体表单、字符表单、数据输入、表单模式。
SKILL.md
Generate production-ready React forms using React Hook Form, Zod validation schemas, and accessible shadcn/ui form controls. This skill creates forms with client-side and server-side validation, proper TypeScript types, and consistent error handling.
scripts/generateform.py - Generates form component, Zod schema, and server action from field specifications.
scripts/generatezodschema.py - Converts field specifications to Zod schema with validation rules.
当使用 React Hook Form、Zod 验证和 shadcn/ui 组件生成 React 表单时，应该使用此技能。适用于创建实体表单、字符编辑器、位置表单、数据输入表单或任何需要客户端和服务器验证的表单。触发术语包括创建表单、生成表单、构建表单、React Hook 表单、RHF、Zod 验证、表单组件、实体表单、字符表单、数据输入、表单模式。 来源：hopeoverture/worldbuilding-app-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/hopeoverture/worldbuilding-app-skills --skill form-generator-rhf-zod- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-04
- 更新时间
- 2026-02-18
快速解答
什么是 form-generator-rhf-zod？
当使用 React Hook Form、Zod 验证和 shadcn/ui 组件生成 React 表单时，应该使用此技能。适用于创建实体表单、字符编辑器、位置表单、数据输入表单或任何需要客户端和服务器验证的表单。触发术语包括创建表单、生成表单、构建表单、React Hook 表单、RHF、Zod 验证、表单组件、实体表单、字符表单、数据输入、表单模式。 来源：hopeoverture/worldbuilding-app-skills。
如何安装 form-generator-rhf-zod？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/hopeoverture/worldbuilding-app-skills --skill form-generator-rhf-zod 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/hopeoverture/worldbuilding-app-skills
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-04