Compétences react-doctor
📦

react-doctor

Sûr

Diagnosticar Problemas do React Automaticamente

Esta habilidade detecta automaticamente problemas no código React após alterações, ajudando desenvolvedores a capturar bugs antecipadamente antes que se tornem problemas.

Prend en charge: Claude Codex Code(CC)
🥉 73 Bronze
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "react-doctor". Use react-doctor para verificar meu componente React

Résultat attendu:

Relatório do React Doctor

✅ Nenhum problema crítico encontrado
⚠️ 2 avisos detectados:

1. Dependência useEffect ausente: 'userId'
Localização: UserProfile.jsx:15
Sugestão: Adicione 'userId' ao array de dependências ou use useCallback

2. Estilos inline detectados
Localização: Header.jsx:23
Sugestão: Considere extrair para classe CSS para melhor performance

Utilisation de "react-doctor". Execute react-doctor no meu projeto

Résultat attendu:

Resumo do React Doctor

Analisados: 42 arquivos
Problemas encontrados: 5
- Críticos: 0
- Avisos: 3
- Info: 2

Principais problemas:
- 2x Chave React ausente no mapeamento de lista
- 1x useEffect sem função de cleanup

Audit de sécurité

Sûr
v1 • 2/20/2026

Static analysis found two patterns (external_commands, weak cryptographic algorithm) but evaluation confirms these are false positives. The external_commands finding is markdown documentation describing development commands (not actual execution). The weak cryptographic algorithm finding is likely a misidentification of normal text in the markdown file. This is a legitimate React debugging tool with no malicious intent.

1
Fichiers analysés
20
Lignes analysées
2
résultats
1
Total des audits
Problèmes à risque moyen (1)
SKILL.md:13-15
External Commands Documentation
Static analyzer detected shell command documentation in SKILL.md - this is expected behavior for a development tool skill that describes what commands it runs
Problèmes à risque faible (1)
SKILL.md:3
False Positive: Weak Cryptographic Algorithm
Analyzer misidentified text in markdown as cryptographic usage - no actual cryptographic code exists in this skill
Audité par: claude

Score de qualité

38
Architecture
100
Maintenabilité
85
Contenu
50
Communauté
98
Sécurité
91
Conformité aux spécifications

Ce que vous pouvez construire

Verificação Pós-Desenvolvimento de Feature

Execute após concluir uma nova feature para capturar problemas no React antes de fazer commit

Portão de Qualidade de Código Pré-Review

Use como parte do processo de code review para garantir que as melhores práticas do React sejam seguidas

Auditoria de Codebase Legado

Analise código React mais antigo para identificar dividas técnicas e bugs potenciais

Essayez ces prompts

Verificação Básica do React 
Use a habilidade react-doctor para verificar minhas alterações recentes no React em busca de problemas
Análise Específica de Componente 
Execute react-doctor no componente Button e seus arquivos relacionados
Auditoria Completa do Projeto 
Execute react-doctor em todo o diretório src para identificar todos os problemas potenciais
Verificação de Correção 
Use react-doctor para verificar se minha correção de bug resolveu o problema original sem introduzir novos problemas

Bonnes pratiques

  • Execute react-doctor após cada alteração significativa de código
  • Revise todos os avisos, não apenas erros
  • Use a habilidade cedo no desenvolvimento para evitar que problemas se acumulem
  • Integre react-doctor ao seu pipeline de CI para verificações automatizadas

Éviter

  • Ignorar avisos sem entendê-los
  • Executar react-doctor apenas quando bugs aparecem (ao invés de proativamente)
  • Desabilitar regras sem avaliar os trade-offs
  • Confiar apenas no react-doctor sem fazer code review manual

Foire aux questions

O que é react-doctor?
React-doctor é uma habilidade que analisa código React para identificar erros comuns, problemas de performance e violações de melhores práticas. Ele ajuda desenvolvedores a capturar problemas antecipadamente.
O react-doctor corrige problemas automaticamente?
Não, react-doctor apenas relata problemas. Ele identifica problemas e sugere correções, mas você deve aplicar as mudanças manualmente.
Quais versões do React ele suporta?
React-doctor funciona com React 16.8 e posterior, suportando tanto componentes de classe quanto componentes funcionais com hooks.
Posso personalizar quais regras o react-doctor verifica?
As opções de configuração dependem da implementação da habilidade. Verifique o arquivo SKILL.md para opções de personalização disponíveis.
O react-doctor é adequado para projetos TypeScript?
Sim, react-doctor pode analisar projetos React com TypeScript e pode detectar problemas adicionais relacionados a tipos.
Com que frequência devo executar react-doctor?
Execute react-doctor após cada alteração significativa de código, antes de fazer commit e como parte do seu processo regular de code review.

Détails du développeur

Auteur

millionco

Licence

MIT

Dépôt

https://github.com/millionco/react-doctor/tree/main/skills/react-doctor/

Réf

main

Structure de fichiers

📄 SKILL.md