react-doctor
Автоматическая диагностика проблем React
Этот навык автоматически обнаруживает проблемы в коде React после изменений, помогая разработчикам находить ошибки на ранних стадиях, до того как они станут серьезными проблемами.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“react-doctor”。 Use react-doctor to check my React component
预期结果:
React Doctor Report
✅ No critical issues found
⚠️ 2 warnings detected:
1. Missing useEffect dependency: 'userId'
Location: UserProfile.jsx:15
Suggestion: Add 'userId' to dependency array or use useCallback
2. Inline styles detected
Location: Header.jsx:23
Suggestion: Consider extracting to CSS class for better performance
正在使用“react-doctor”。 Run react-doctor on my project
预期结果:
React Doctor Summary
Scanned: 42 files
Issues Found: 5
- Critical: 0
- Warnings: 3
- Info: 2
Top Issues:
- 2x Missing React key in list mapping
- 1x useEffect without cleanup function
安全审计
安全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)
低风险问题 (1)
质量评分
你能构建什么
Проверка после разработки функционала
Запускать после завершения новой функции для обнаружения проблем React перед коммитом
Контроль качества кода перед ревью
Использовать как часть процесса код-ревью для обеспечения соблюдения лучших практик React
Аудит устаревшей кодовой базы
Сканировать старый код React для выявления технического долга и потенциальных ошибок
试试这些提示
Use the react-doctor skill to check my recent React changes for any issues
Run react-doctor on the Button component and its related files
Execute react-doctor on the entire src directory to identify all potential issues
Use react-doctor to verify that my bug fix resolved the original issue without introducing new problems
最佳实践
- Запускайте react-doctor после каждого значимого изменения кода
- Просматривайте все предупреждения, а не только ошибки
- Используйте навык на ранних этапах разработки, чтобы предотвратить накопление проблем
- Интегрируйте react-doctor в ваш CI-пайплайн для автоматических проверок
避免
- Игнорирование предупреждений без понимания их сути
- Запуск react-doctor только при появлении ошибок (вместо проактивного использования)
- Отключение правил без оценки компромиссов
- Полагаться только на react-doctor без ручного код-ревью