Agent Skills › MapleTechLabs/maple › react-doctor

react-doctor

GitHub

用于在React代码提交前或清理时扫描安全、性能及架构问题，输出0-100健康评分。支持通过--diff检测变更回归或全面扫描以修复错误和警告，确保代码质量不降级。

.agents/skills/react-doctor/SKILL.md MapleTechLabs/maple

触发场景

完成功能开发后修复Bug后提交React代码前用户希望提升代码质量或清理代码库时

安装

npx skills add MapleTechLabs/maple --skill react-doctor -g -y

更多选项

非标准路径

npx skills add https://github.com/MapleTechLabs/maple/tree/main/.agents/skills/react-doctor -g -y

不安装直接使用

npx skills use MapleTechLabs/maple@react-doctor

指定 Agent (Claude Code)

npx skills add MapleTechLabs/maple --skill react-doctor -a claude-code -g -y

安装 repo 全部 skill

npx skills add MapleTechLabs/maple --all -g -y

预览 repo 内 skill

npx skills add MapleTechLabs/maple --list

SKILL.md

Frontmatter

{
    "name": "react-doctor",
    "version": "1.0.0",
    "description": "Use when finishing a feature, fixing a bug, before committing React code, or when the user wants to improve code quality or clean up a codebase. Checks for score regression. Covers lint, dead code, accessibility, bundle size, architecture diagnostics."
}

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 -y react-doctor@latest . --verbose --diff and check the score did not regress.

If the score dropped, fix the regressions before committing.

For general cleanup or code improvement:

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

Command

npx -y react-doctor@latest . --verbose --diff

Flag	Purpose
`.`	Scan current directory
`--verbose`	Show affected files and line numbers per rule
`--diff`	Only scan changed files vs base branch
`--score`	Output only the numeric score