Демонстрационный проект с открытым исходным кодом на Next.js, воссоздающий Intelligent UI из ChatGPT: ответы модели выводятся потоком в виде интерактивных карт, диаграмм, форм и работающих инструментов на базе OpenUI.
millionco/react-doctor
CLI и навык для агентов, которые проверяют код React на проблемы с состоянием, производительностью, безопасностью, доступностью и поддерживаемостью.
- Звёзды
- 15,016
- Форки
- 490
- Открытые issues
- 314
- Последний коммит
- 7 часов назад
Что это?
React Doctor — это инструмент командной строки, который выполняет детерминированные проверки кода React и сообщает о проблемах с состоянием и эффектами, производительностью, архитектурой, безопасностью, доступностью и поддерживаемостью. Он работает с проектами на Next.js, Vite, Astro, TanStack, React Native и Expo и запускается из корневой папки проекта с помощью npx.
Помимо разовых проверок, инструмент может установить навык, который помогает агентам для написания кода, таким как Claude Code, Cursor, Codex и OpenCode, находить и исправлять проблемы в React. Также есть режим CI: он проверяет каждый pull request и сообщает только о проблемах, появившихся из-за внесённых изменений.
Правила настраиваются в файле doctor.config.ts, где отдельные проверки можно включать и отключать. Инструмент также умеет записывать трассировку производительности в Chrome DevTools для запущенного приложения React по указанному локальному URL.
Ключевые возможности
- 01Проверяет состояние и эффекты, производительность, архитектуру, безопасность, доступность и поддерживаемость.
- 02Поддерживает проекты на Next.js, Vite, Astro, TanStack, React Native и Expo.
- 03Устанавливает навык для агентов, пишущих код, включая Claude Code, Cursor, Codex и OpenCode.
- 04Запускается в CI и сообщает только о проблемах, появившихся в каждом pull request.
- 05Позволяет настраивать правила через doctor.config.ts.
- 06Записывает трассировки производительности Chrome DevTools для запущенного приложения.
Сценарии использования
- Находить проблемы с производительностью и состоянием в кодовой базе React до слияния изменений.
- Поручать агенту для написания кода проверять и исправлять собственный код React.
- Настраивать проверку pull request в CI, чтобы своевременно обнаруживать новые проблемы в React.
- Профилировать локально запущенное приложение React с помощью трассировки производительности.
Быстрый старт
- 1
Запустите сканирование из корневой папки проекта
npx react-doctor@latest - 2
Установите skill для своего coding agent
npx react-doctor@latest install
Что важно знать
- По умолчанию CLI собирает отчёты о сбоях и анонимные данные об использовании. Чтобы отказаться от сбора, необходимо указать флаг.
- В метаданных репозитория лицензия указана как NOASSERTION, хотя в README говорится о MIT. Прежде чем полагаться на эту информацию, проверьте файл лицензии.
Темы
Частые вопросы
- Что такое react-doctor?
- CLI и навык для агентов, которые проверяют код React на проблемы с состоянием, производительностью, безопасностью, доступностью и поддерживаемостью. React Doctor — это инструмент командной строки, который выполняет детерминированные проверки кода React и сообщает о проблемах с состоянием и эффектами, производительностью, архитектурой, безопасностью, доступностью и поддерживаемостью. Он работает с проектами на Next.js, Vite, Astro, TanStack, React Native и Expo и запускается из корневой папки проекта с помощью npx.
- react-doctor можно использовать бесплатно? Какая у него лицензия?
- react-doctor распространяется с открытым исходным кодом под лицензией Other. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- react-doctor всё ещё поддерживается?
- Активно поддерживается. Последний коммит в react-doctor — 19 окт. 2026 г..
- Для чего можно использовать react-doctor?
- Находить проблемы с производительностью и состоянием в кодовой базе React до слияния изменений. Поручать агенту для написания кода проверять и исправлять собственный код React. Настраивать проверку pull request в CI, чтобы своевременно обнаруживать новые проблемы в React. Профилировать локально запущенное приложение React с помощью трассировки производительности.
- Как установить react-doctor?
- Запустите сканирование из корневой папки проекта: npx react-doctor@latest Установите skill для своего coding agent: npx react-doctor@latest install
- Где скачать react-doctor?
- Исходный код и инструкции по установке — на GitHub: https://github.com/millionco/react-doctor
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Локальный браузерный интерфейс для проверки планов агентов, Markdown, HTML и diff кода: добавляйте пометки и отправляйте отзывы обратно агентам.
Навык Claude Code для создания веб-анимаций Motion.dev в React, Next.js, Svelte и Astro со встроенными рекомендациями по доступности и производительности.
Приложение для компьютера, смартфона, веба и CLI, позволяющее запускать и координировать несколько coding-агентов, например Claude Code, Codex и OpenCode, в отдельных worktree.
Браузерный скетчпад для экранов приложений на Material 3 Expressive, который превращает макет в промпт для AI-инструментов разработки.
Анализирует сайты с помощью Playwright и экспортирует их дизайн-систему в виде конфига Tailwind v4, React-компонентов, дизайн-токенов или отчёта DESIGN.md.