·react-hook-form-zod
</>

react-hook-form-zod

jezweb/claude-skills

React Hook Form v7 と Zod v4 を使用して、タイプセーフな検証済みフォームを構築します。単一のスキーマは、z.infer を介した完全な TypeScript 推論を使用してクライアントとサーバーで動作します。 フォーム、複数ステップのウィザードを構築する場合、または制御されていない警告、リゾルバー エラー、useFieldArray の問題、大規模なフォームのパフォーマンスの問題を修正する場合に使用します。

1.2Kインストール·35トレンド·@jezweb

インストール

$npx skills add https://github.com/jezweb/claude-skills --skill react-hook-form-zod

SKILL.md

Status: Production Ready ✅ Last Verified: 2026-01-20 Latest Versions: react-hook-form@7.71.1, zod@4.3.5, @hookform/resolvers@5.2.2

zodResolver connects Zod to React Hook Form, preserving type safety

When to use Controller: React Select, date pickers, custom components without ref. Otherwise use register.

React Hook Form v7 と Zod v4 を使用して、タイプセーフな検証済みフォームを構築します。単一のスキーマは、z.infer を介した完全な TypeScript 推論を使用してクライアントとサーバーで動作します。 フォーム、複数ステップのウィザードを構築する場合、または制御されていない警告、リゾルバー エラー、useFieldArray の問題、大規模なフォームのパフォーマンスの問題を修正する場合に使用します。 ソース: jezweb/claude-skills。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/jezweb/claude-skills --skill react-hook-form-zod
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

react-hook-form-zod とは?

React Hook Form v7 と Zod v4 を使用して、タイプセーフな検証済みフォームを構築します。単一のスキーマは、z.infer を介した完全な TypeScript 推論を使用してクライアントとサーバーで動作します。 フォーム、複数ステップのウィザードを構築する場合、または制御されていない警告、リゾルバー エラー、useFieldArray の問題、大規模なフォームのパフォーマンスの問題を修正する場合に使用します。 ソース: jezweb/claude-skills。

react-hook-form-zod のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/jezweb/claude-skills --skill react-hook-form-zod インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/jezweb/claude-skills