React Doctor skill

O Claude roda o React Doctor depois de cada mudança, confere se a nota do projeto caiu e conserta o que piorou antes do commit.

por millionco

instalações: 19,2 mil
estrelas no GitHub: 15 mil
No skills.sh desde: fevereiro de 2026
Licença: Própria

Atualizada no GitHub em 26 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

millionco
react-doctor
O Claude roda o React Doctor depois de cada mudança, confere se a nota do projeto caiu e conserta o que piorou antes do commit.19,2 mil instalações, grátis

O que ela faz

Roda o React Doctor (npx react-doctor@latest), que varre o projeto React atrás de problemas de segurança, desempenho, correção, acessibilidade, tamanho do bundle e arquitetura e devolve uma nota de 0 a 100. Depois de uma mudança, olha só o que mudou em relação ao branch base e corrige o que fez a nota cair.

Pra uma faxina geral, escaneia o código inteiro e corrige por gravidade, erros antes de avisos. Tem uma auditoria só de design de interface: tipografia, interação, acessibilidade e movimento. Com /doctor, baixa o roteiro oficial de triagem (escanear, filtrar, triar, corrigir, validar) e mexe nos arquivos sem fazer commit nem abrir PR.

Pra lentidão, abre um Chrome isolado, grava um trace enquanto você repete a ação lenta e contorna em roxo os componentes que renderizam. Também explica, desliga ou ajusta regras no doctor.config e roda no CI, inclusive com status de aviso próprio pro GitLab.

Nas palavras de quem fez

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…

millionco, no SKILL.md

Quando usar

Antes de commitar uma feature nova num app React
Fazer uma faxina num projeto React escrito com ajuda de IA
Descobrir por que um clique ou uma tela está lenta
Revisar acessibilidade e tipografia das telas
Barrar no CI o código que piora a nota do projeto

Depois de instalar, é só pedir assim

/doctor
Roda o react doctor nas mudanças que eu fiz hoje e conserta o que piorou a nota
A tela de checkout trava quando eu adiciono produto no carrinho, investiga com o react doctor: http://localhost:3000/checkout

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

Gen Agent Trust HubPassou
SocketPassou
SnykAlerta

Perguntas

Como instalar a React Doctor no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a React Doctor, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

Precisa de chave de API ou conta?

Não. Roda por npx, então precisa do Node instalado. A análise de lentidão usa o Chrome da sua máquina, e o /doctor baixa o roteiro do site react.doctor, então pede internet.

Roda no Codex e no Antigravity?

Sim. É um SKILL.md que manda rodar um comando no terminal, e qualquer agente que lê skills e executa comandos usa.

Ela faz commit ou abre PR sozinha?

Não. O roteiro de triagem edita os arquivos na sua pasta e para aí: nunca faz commit nem abre pull request. O trace de desempenho fica na sua máquina e só é enviado pra fora com a sua permissão.

Levar essa skill

1x react-doctorR$ 0,00

TotalR$ 0,00

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/millionco/react-doctor

Aprenda a usar

O que é o Claude Code (Claude CLI) e como começar
O que é o Claude Code (Claude CLI), pra que serve pra quem não programa, o que ele pede pra rodar e como se compara ao Codex, ao Antigravity e ao Cursor.