react-doctor について
react-doctorは、Reactコードベースを監査するスキルです。セキュリティ、描画性能、正確性、アーキテクチャを評価し、問題の重大度、コンポーネントの場所、修正案を示します。
主な機能
- 01スコア形式のReact品質チェック
- 02セキュリティと性能のレビュー
- 03正確性とアーキテクチャの確認
- 04重大度順の問題表示
- 05コンポーネント位置と修正手順
活用シーン
- 01リリース前のReactコードベース監査
- 02セキュリティや描画の回帰検出
- 03コンポーネント単位の修正優先度付け
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/react-doctorを入力して読み込まれたか確認します。
同梱ファイルstub.yaml
詳細
react-doctor
カタログの概要：完全なスキル：millionco/react-doctor
判断フロー
React コードの品質監査を行う前に、以下を実行してください。
-
完全なスキルはすでにインストールされていますか？ 確認方法：
~/.design-agent-skills/skills/react-doctor/SKILL.mdが存在し、かつdas:ブロックを含んでいないことを確認します。- はい →
react-doctorを呼び出して続行します - いいえ → ステップ 2 に進みます
- はい →
-
シェルにアクセスできますか？
- はい → 以下のインストールコマンドを実行してから、スキルを呼び出します
- いいえ → インストールコマンドを表示します。Claude Code では、
!で始まるチャットメッセージとして送信してください。グローバルにインストールする場合は-gを追加し、プロジェクトのみにインストールする場合は省略します
インストールコマンド
npx skills add millionco/react-doctor
またはエージェントごとに：
- Claude Code：
claude skills add millionco/react-doctor - Cursor/OpenCode：
npx skills add millionco/react-doctor
インストール後の呼び出し
- スキル名：
react-doctor - 起動フレーズ：「react doctor」、「React audit」、「React performance」、「React security」、「component quality」
機能
React コードベース全体を対象に、スコアに基づく品質チェックを実行し、セキュリティ、レンダリングパフォーマンス、正確性、アーキテクチャの健全性に関するリグレッションを検出します。重要度順に並べた検出結果と、問題ごとの該当コンポーネントの場所および具体的な修正方法を提示します。
コメント
Markdown 対応