MSI
react-doctor
Автоматический сканер кода React, выявляющий уязвимости, проблемы с производительностью и архитектурой. Полезен при завершении фич, исправлении багов, перед коммитом или по команде /doctor для получения отчёта и рекомендаций.
Что делает навык
Автоматический сканер кода React, выявляющий уязвимости, проблемы с производительностью, корректностью и архитектурой, а также оценивающий состояние UI-дизайна. Выдаёт итоговый скор здоровья (0–100) и рекомендации по исправлению найденных проблем.
Когда применять
- Проверка кода после внесения изменений (regression check) перед коммитом
- Общая очистка кода и улучшение архитектуры всего проекта
- Фокусированный аудит UI-дизайна, типографики, доступности и анимаций
- Диагностика проблем с производительностью во время выполнения (runtime)
- Полное локальное триажирование и исправление кода по команде /doctor
Как работает
- Запустить сканирование изменённого кода командой npx react-doctor@latest --verbose --scope changed и убедиться, что скор не упал
- Для полной проверки запустить npx react-doctor@latest --verbose и исправлять проблемы по мере убывания их серьёзности (сначала ошибки, затем предупреждения)
- Для аудита дизайна выполнить npx react-doctor@latest design --verbose . для проверки UI-композиции и доступности
- При проблемах с производительностью запустить npx react-doctor@latest scan <url> --format json, записать DevTools-трейс взаимодействия и проанализировать JSON-отчёт
- При запросе /doctor получить локальный плейбук по ссылке https://www.react.doctor/prompts/react-doctor-agent.md и выполнить цикл сканирования, фильтрации, триажирования и исправления
- Для настройки правил использовать npx react-doctor@latest rules explain, disable, set, category или ignore-tag, редактируя doctor.config.* или package.json#reactDoctor
Примеры запросов агенту
Запусти полную проверку проекта после рефакторинга
Проверь, не ухудшилась ли ситуация с производительностью в моём компоненте
Выполни /doctor для полного триажирования и исправления найденных проблем
Что понадобится
- Node.js (для работы через npx)
- Chrome с включённым удалённым отладочным портом (для сканирования runtime-производительности через --cdp)
- Доступ к интернету для загрузки плейбука и правил (https://www.react.doctor/prompts/)
Описание составлено по SKILL.md навыка, сверено 06.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «millionco-react-doctor» из репозитория:
# https://github.com/millionco/react-doctor
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r millionco-react-doctor/ ~/.claude/skills/millionco-react-doctor/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.