millionco/react-doctor

これは何？

主な機能

• 01状態管理とエフェクト、パフォーマンス、アーキテクチャ、セキュリティ、アクセシビリティ、保守性をチェックします。
• 02Next.js、Vite、Astro、TanStack、React Native、Expoのプロジェクトに対応しています。
• 03Claude Code、Cursor、Codex、OpenCodeなどのコーディングエージェント向けにスキルをインストールします。
• 04CIで実行し、各プルリクエストによって新たに発生した問題だけを報告します。
• 05doctor.config.tsでルールを設定できます。
• 06実行中のアプリからChrome DevToolsのパフォーマンストレースを記録します。

ユースケース

• マージ前に、Reactのコードベースにあるパフォーマンスや状態管理のバグを検出する。
• コーディングエージェントに、自身が生成したReactコードをチェックして修正させる。
• CIでプルリクエストをチェックし、新たなReactの問題を早期に検出する。
• ローカルで実行中のReactアプリをパフォーマンストレースでプロファイリングする。

クイックスタート

1. 1

   プロジェクトのルートからスキャンを実行する

   npx react-doctor@latest
2. 2

   コーディングエージェントにスキルをインストールする

   npx react-doctor@latest install

使う前に知っておきたいこと

• !CLIはデフォルトでクラッシュレポートと匿名の使用状況データを収集します。オプトアウトするにはフラグを指定する必要があります。
• !リポジトリのメタデータではライセンスがNOASSERTIONと記載されていますが、READMEにはMITとあります。利用する前にライセンスファイルを確認してください。

トピック

よくある質問

react-doctor とは？

Reactのコードベースをスキャンし、状態管理、パフォーマンス、セキュリティ、アクセシビリティ、保守性の問題を検出するCLIとエージェントスキル。 React Doctorは、Reactのコードを決定論的にチェックし、状態管理やエフェクト、パフォーマンス、アーキテクチャ、セキュリティ、アクセシビリティ、保守性に関する問題を報告するコマンドラインツールです。Next.js、Vite、Astro、TanStack、React Native、Expoを使ったプロジェクトに対応しており、プロジェクトのルートでnpxから実行できます。

react-doctor は無料で使えますか？ライセンスは？

react-doctor は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

react-doctor は今もメンテナンスされていますか？

活発にメンテナンス中。react-doctor の最終コミットは 2026年10月19日 です。

react-doctor は何に使えますか？

マージ前に、Reactのコードベースにあるパフォーマンスや状態管理のバグを検出する。 コーディングエージェントに、自身が生成したReactコードをチェックして修正させる。 CIでプルリクエストをチェックし、新たなReactの問題を早期に検出する。 ローカルで実行中のReactアプリをパフォーマンストレースでプロファイリングする。

react-doctor のインストール方法は？

プロジェクトのルートからスキャンを実行する: npx react-doctor@latest コーディングエージェントにスキルをインストールする: npx react-doctor@latest install

react-doctor はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/millionco/react-doctor