mcpField
R
react-hook-form

react-hook-form

github.com/fandhe-aiDevelopment498 installsUpdated 4d ago
Repository

About react-hook-form

A reference skill for React Hook Form v7 that maps tasks to documentation categories and detailed pages. It helps developers locate API, TypeScript, and usage guidance.

Key features

  1. 01Covers React Hook Form v7 API documentation
  2. 02Maps tasks to documentation categories
  3. 03Indexes API, TypeScript, and advanced topics
  4. 04Links to samples and script references

Use cases

  1. 01Look up useForm or Controller usage
  2. 02Find field validation and TypeScript types
  3. 03Review accessibility, testing, or performance topics

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/fandhe-ai/agent-reference-skills --skill react-hook-form

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

Bundled files

References and scripts installed along with SKILL.md.

references/advanced/
accessibility.md
connect-form.md
controlled-mixed-uncontrolled.md
custom-hook-resolver.md
error-messages.md
formprovider-performance.md
README.md
registering-opaque-types.md
server-actions.md
smart-form-component.md
testing-form.md
transform-and-parse.md
virtualized-lists.md
wizard-form.md
references/api/
controller.md
createformcontrol.md
errormessage.md
fieldarray-component.md
formprovider.md
formstatesubscribe.md
README.md
usecontroller.md
usefieldarray.md
useform-clearerrors.md
useform-control.md
useform-form.md
useform-formstate.md
useform-geterrors.md
useform-getfieldstate.md
useform-getvalues.md

Details

From the project README

React Hook Form v7 リファレンス

React Hook Form v7 の全 API ドキュメントを網羅したスキル。 ユーザーのタスクに応じて適切な README.md を読み、そこから個別ファイルへ辿ること。

対象バージョン

  • ライブラリ: react-hook-form v7.90.0（GitHub Releases の latest stable、2026-10-10 公開。v8.0.0-beta.4 は prerelease のため対象外）
  • ドキュメント原本: GitHub react-hook-form/documentation の master commit 2ab1b24db1292116df5f5611253017a5eafd4833（現行リリースタグは v1〜v3 のみのため commit pin）、2026-10-16 取得
  • 参照先: https://react-hook-form.com（`/docs/...`、`/get-started`、`/ts`、`/advanced-usage`、`/dev-tools`）
  • ErrorMessage は v7.88 から本体内蔵。FormState（旧 FormStateSubscribe）のファイル名は formstatesubscribe.md を維持

ディレクトリ構成

skills/react-hook-form/
  SKILL.md
  references/
    get-started/
      README.md
      installation.md
      register-fields.md
      apply-validation.md
      integrating-existing-form.md
      ui-libraries.md
      controlled-inputs.md
      global-state.md
      handle-errors.md
      integrating-services.md
      schema-validation.md
      react-native.md
      typescript-quickstart.md
      design-philosophy.md
    api/
      README.md
      useform.md
      usecontroller.md
      useformcontext.md
      usewatch.md
      useformstate.md
      usefieldarray.md
      uselens.md
      createformcontrol.md
      useform-register.md
      useform-unregister.md
      useform-formstate.md
      useform-watch.md
      useform-subscribe.md
      useform-handlesubmit.md
      useform-reset.md
      useform-resetfield.md
      useform-resetdefaultvalues.md
      useform-seterror.md
      useform-clearerrors.md
      useform-setvalue.md
      useform-setvalues.md
      useform-setfocus.md
      useform-getvalues.md
      useform-geterrors.md
      useform-getfieldstate.md
      useform-trigger.md
      useform-control.md
      useform-form.md
      controller.md
      formprovider.md
      watch-component.md
      fieldarray-component.md
      errormessage.md
      formstatesubscribe.md
    typescript/
      README.md
      resolver.md
      submit-handler.md
      control.md
      use-form-return-props.md
      use-form-method-types.md
      component-props-types.md
      field-array-types.md
      controller-types.md
      error-types.md
      field-path-types.md
      mode-register-options.md
      form-state-types.md
      opaque-types.md
      nested-value.md
    advanced/
      README.md
      accessibility.md
      wizard-form.md
      smart-form-component.md
      error-messages.md
      connect-form.md
      formprovider-performance.md
      controlled-mixed-uncontrolled.md
      custom-hook-resolver.md
      virtualized-lists.md
      testing-form.md
      transform-and-parse.md
      server-actions.md
      registering-opaque-types.md
    faqs/
      README.md
      faqs.md
    dev-tools/
      README.md
      devtools.md
  samples/
    README.md
    basic-form.md
    schema-validation.md
    controlled-component.md
    field-array.md
    form-provider.md
    async-submit.md
    watch-conditional-fields.md
    reset-after-submit.md
    typescript-typed-form.md
  scripts/
    README.md
    install.md
    develop.md

探索手順

タスクからカテゴリを引き、カテゴリの README.md で目的のページを特定する:

  1. 下記マッピング表でタスクに対応するカテゴリを探す
  2. そのカテゴリの references/{category}/README.md を参照して目的のページを特定する
  3. 該当ページの .md を Read して詳細を確認する

タスク → カテゴリ マッピング

タスクカテゴリ参照 README
インストール、基本的なフォーム作成、バリデーションルール、スキーマ統合、React Native、UI ライブラリ統合get-startedreferences/get-started/README.md
useForm, register, handleSubmit, reset, watch, setValue, getValues, getErrorsapireferences/api/README.md
Controller, useController, FormProvider, useFormContextapireferences/api/README.md
useFieldArray / FieldArray (動的フィールド)、useLens、createFormControlapireferences/api/README.md
useWatch, useFormState, subscribe, formState, FormState (旧 FormStateSubscribe)apireferences/api/README.md
ErrorMessage (v7.88 から本体内蔵) でエラー表示apireferences/api/README.md
型定義、ジェネリクス、Resolver / SubmitHandler / UseFormReturn / FieldErrors / RegisterOptions / OpaqueTypes、FieldPathtypescriptreferences/typescript/README.md
Server Actions / useActionState、Smart Form、Connect Form、FormProvider のパフォーマンス、Transform and Parseadvancedreferences/advanced/README.md
アクセシビリティ、ウィザードフォーム、テスト、仮想リストadvancedreferences/advanced/README.md
パフォーマンス、クラスコンポーネント、watch vs getValues、条件付きレンダリングfaqsreferences/faqs/README.md
DevTools のインストール・デバッグdev-toolsreferences/dev-tools/README.md
典型的な使い方を知りたい、実装例を参照したいsamplessamples/README.md
インストール・開発環境セットアップのコマンドを知りたいscriptsscripts/README.md

Comments

Markdown supported