Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From sumik
Run react-doctor to diagnose React code for security, performance, correctness, and architecture issues. Outputs a 0-100 health score with actionable diagnostics.
npx claudepluginhub sumik5/sumik-claude-plugin --plugin sumik-claude-pluginHow this command is triggered — by the user, by Claude, or both
Slash command
/sumik:react-doctor [directory] [--verbose] [--diff base] [--no-lint] [--no-dead-code] [--score]This command is limited to the following tools:
The summary Claude sees in its command listing — used to decide when to auto-load this command
# React Doctor - React コード品質診断 react-doctor CLI を実行して、Reactプロジェクトのセキュリティ・パフォーマンス・正確性・アーキテクチャの問題を検出する。 ## 使い方 ## 実行手順 ### 1. 引数の解析 `$ARGUMENTS` を解析する。引数が空または不明確な場合、以下を AskUserQuestion で確認: ### 2. react-doctor 実行 **デフォルト**: `npx -y react-doctor@latest . --verbose` ### 3. 結果の分析 出力を解析し、以下の構造で報告: 1. **スコア**: 0-100（75+ Great / 50-74 Needs work / <50 Critical） 2. **カテゴリ別の問題**: state & effects, performance, architecture, bundle size, security, correctness, accessibility 3. **修正提案**: 各診断に対する具体的な修正方法 ### 4. 修正の提案 スコアが75未満の場合、severity: error の問題から優先的に修正提案を行う。 ユーザーが修正を希望する場合、`developi...
/react-reviewReviews React/JSX code for hook correctness, render performance, RSC boundaries, accessibility, and React-specific security issues, producing a categorized severity report.
/react-patternsReviews React code for performance and composition patterns using 50+ impact-ranked rules. Provide optional file-or-component-path or scans current project.
/react-reviewReviews React/JSX code for hook correctness, render performance, server/client component boundaries, accessibility, and security. Produces a severity-categorized issue report.
/erne-code-reviewRuns parallel code-reviewer and performance-profiler agents on React Native code, checking re-renders, anti-patterns, accessibility, security, bundle size, memory. Outputs issues grouped by severity with positives.
/devkit.react.code-reviewReviews React 19 + Tailwind CSS code for modern patterns, hooks, Server Components, Actions, performance, accessibility, and best practices. Supports focused review types like components, hooks, performance.
/full-reviewOrchestrates phased multi-dimensional code reviews across architecture, security, performance, testing, and best practices using subagents. Produces structured reports in .full-review/. Accepts target and optional flags.
Share bugs, ideas, or general feedback.
react-doctor CLI を実行して、Reactプロジェクトのセキュリティ・パフォーマンス・正確性・アーキテクチャの問題を検出する。
/react-doctor # カレントディレクトリをスキャン
/react-doctor . # 同上
/react-doctor --verbose # ファイル詳細・行番号付き
/react-doctor --diff main # mainブランチとの差分のみ
/react-doctor --score # スコアのみ出力
/react-doctor --no-lint # lint チェックをスキップ
/react-doctor --no-dead-code # dead code 検出をスキップ
/react-doctor src/ # 特定ディレクトリをスキャン
$ARGUMENTS を解析する。引数が空または不明確な場合、以下を AskUserQuestion で確認:
AskUserQuestion({
questions: [{
question: "react-doctor のスキャンオプションを選んでください",
header: "Scan mode",
options: [
{ label: "Standard", description: "全ファイルを標準スキャン（推奨）" },
{ label: "Verbose", description: "ファイル詳細・行番号付きで詳細スキャン" },
{ label: "Diff only", description: "変更ファイルのみスキャン（--diff main）" },
{ label: "Score only", description: "スコアのみ出力" }
],
multiSelect: false
}]
})
npx -y react-doctor@latest <directory> <options>
デフォルト: npx -y react-doctor@latest . --verbose
出力を解析し、以下の構造で報告:
スコアが75未満の場合、severity: error の問題から優先的に修正提案を行う。
ユーザーが修正を希望する場合、developing-react スキルの該当ルール（RP-rules/）を参照して修正を実施。
| スコア | ラベル | アクション |
|---|---|---|
| 75-100 | Great | 維持。マイナー改善のみ |
| 50-74 | Needs work | 優先度の高い問題から修正 |
| 0-49 | Critical | 即座に対応が必要 |
プロジェクトに react-doctor.config.json がある場合、自動的に適用される:
{
"ignore": {
"rules": ["react/no-danger"],
"files": ["src/generated/**"]
}
}