React Doctor

作者 millionco673ce802a375無授權條款14K 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫今天更新

Use when finishing a feature, fixing a bug, before committing React code, or when the user types `/doctor`, asks to scan, triage, or clean up React diagnostics. Covers lint, accessibility, bundle size, architecture. Includes a regression check and a full local-triage workflow that fetches the canonical playbook.

AI 產生的概覽

掃描 React 程式碼庫的安全性、效能、正確性與架構問題,並給出 0–100 的健康分數。

功能
透過 react-doctor 命令列工具掃描 React 程式碼庫,找出安全性、效能、正確性、架構以及 UI 設計方面的問題,並輸出 0–100 的健康分數與受影響的檔案和行號。它支援針對變更程式碼的迴歸檢查、全程式碼庫掃描,以及以設計為重點的稽核。執行完整排查時,它會取得遠端操作手冊並依其掃描、篩選、排查、修正、驗證的流程進行,直接修改工作區但不會提交。它也能解釋、停用或調整個別規則及其設定。
適用情境
適用於完成 React 功能或修正錯誤之後、提交之前,確認健康分數沒有退步。也適用於對現有 React 程式碼庫做整體清理、進行以 UI 設計為重點的稽核,或使用者要求掃描、排查、清理 React 診斷問題時。同樣適合需要了解、停用或調整特定 react-doctor 規則的情境。
執行需求
需要 Node.js 與 npx 來執行 react-doctor 套件,並需要網路存取以取得該套件以及遠端操作手冊和逐條規則提示。此技能未附帶指令碼,僅包含一份關於規則解釋與設定的參考文件。

React Doctor

Scans React codebases for security, performance, correctness, and architecture issues. Outputs a 0–100 health score.

After making React code changes:

Run npx react-doctor@latest --verbose --scope changed and check the score did not regress.

If the score dropped, fix the regressions before committing.

For general cleanup or code improvement:

Run npx react-doctor@latest --verbose (the default --scope full) to scan the full codebase. Fix issues by severity — errors first, then warnings.

For a focused UI design audit:

Run npx react-doctor@latest design --verbose. This selects only design-tagged UI composition, typography, interaction, accessibility, and motion rules, including focused rules that remain opt-in during a general health scan.

/doctor — full local triage workflow

When the user types /doctor, says "run react doctor", or asks for a full triage / cleanup pass (not just a regression check), fetch the canonical local-triage playbook and follow every step in it:

bash
curl --fail --silent --show-error \  --header 'Cache-Control: no-cache' \  https://www.react.doctor/prompts/react-doctor-agent.md

The playbook is the single source of truth — a scan → filter → triage → fix → validate loop that edits the working tree directly (never commits, never opens PRs). Updating the prompt at its source updates every agent on its next fetch — no skill reinstall needed.

Pair it with the matching per-rule prompts at https://www.react.doctor/prompts/rules/<plugin>/<rule>.md (fetched on demand inside the playbook) so each fix uses the canonical, reviewer-tested recipe.

Configuring or explaining rules

When the user wants to understand a rule, disagrees with one, or wants to disable / tune which rules run (not fix code), read references/explain.md [blocked] and follow it. Start with npx react-doctor@latest rules explain <rule>, then apply the narrowest control via npx react-doctor@latest rules disable|set|category|ignore-tag …, which edits your doctor.config.* (or package.json#reactDoctor).

Command

bash
npx react-doctor@latest --verbose --scope changed
FlagPurpose
.Scan current directory
--verboseShow affected files and line numbers per rule
--scope changedOnly report issues introduced vs the base branch (default: full)
--scope linesOnly report issues on the changed lines
--scoreOutput only the numeric score
designRun only the focused UI design diagnostics

來源與署名

來源:millionco/react-doctor位於.agents/skills/react-doctor提交673ce80

授權條款: 無授權條款

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架