Demo de código abierto en Next.js que recrea la Intelligent UI de ChatGPT y transmite respuestas del modelo como mapas, gráficos, formularios y herramientas interactivas basadas en OpenUI.
millionco/react-doctor
CLI y skill para agentes que analiza bases de código React en busca de problemas de estado, rendimiento, seguridad, accesibilidad y mantenibilidad.
- Estrellas
- 15,016
- Forks
- 490
- Issues abiertos
- 314
- Último commit
- hace 2 horas
¿Qué es?
React Doctor es una herramienta de línea de comandos que ejecuta comprobaciones deterministas en código React e informa de problemas relacionados con el estado y los efectos, el rendimiento, la arquitectura, la seguridad, la accesibilidad y la mantenibilidad. Funciona con proyectos basados en Next.js, Vite, Astro, TanStack, React Native y Expo, y se ejecuta desde la raíz del proyecto con npx.
Además de los análisis puntuales, puede instalar una skill que ayuda a agentes de programación como Claude Code, Cursor, Codex y OpenCode a encontrar y corregir problemas de React. También cuenta con un modo CI que comprueba cada pull request e informa únicamente de los problemas introducidos por los cambios.
Las reglas se configuran en un archivo doctor.config.ts, donde se pueden activar o desactivar comprobaciones individuales. La herramienta también puede registrar una traza de rendimiento de Chrome DevTools desde una aplicación React en ejecución, en una URL local determinada.
Funciones clave
- 01Comprueba el estado y los efectos, el rendimiento, la arquitectura, la seguridad, la accesibilidad y la mantenibilidad.
- 02Es compatible con proyectos de Next.js, Vite, Astro, TanStack, React Native y Expo.
- 03Instala una skill para agentes de programación como Claude Code, Cursor, Codex y OpenCode.
- 04Se ejecuta en CI e informa únicamente de los problemas introducidos por cada pull request.
- 05Permite configurar reglas mediante doctor.config.ts.
- 06Registra trazas de rendimiento de Chrome DevTools desde una aplicación en ejecución.
Casos de uso
- Detectar problemas de rendimiento y errores de estado en una base de código React antes de fusionar los cambios.
- Permitir que un agente de programación compruebe y corrija su propio código React.
- Controlar las pull requests en CI para detectar cuanto antes nuevos problemas de React.
- Analizar el rendimiento de una aplicación React que se ejecuta localmente mediante una traza de rendimiento.
Inicio rápido
- 1
Ejecuta un análisis desde la raíz de tu proyecto
npx react-doctor@latest - 2
Instala la skill en tu agente de programación
npx react-doctor@latest install
Antes de usarlo
- La CLI recopila informes de fallos y datos de uso anónimos de forma predeterminada; debes indicar una opción para excluirte.
- Los metadatos del repositorio indican NOASSERTION como licencia, aunque el README afirma que es MIT. Comprueba el archivo de licencia antes de confiar en esa información.
Temas
Preguntas frecuentes
- ¿Qué es react-doctor?
- CLI y skill para agentes que analiza bases de código React en busca de problemas de estado, rendimiento, seguridad, accesibilidad y mantenibilidad. React Doctor es una herramienta de línea de comandos que ejecuta comprobaciones deterministas en código React e informa de problemas relacionados con el estado y los efectos, el rendimiento, la arquitectura, la seguridad, la accesibilidad y la mantenibilidad. Funciona con proyectos basados en Next.js, Vite, Astro, TanStack, React Native y Expo, y se ejecuta desde la raíz del proyecto con npx.
- ¿react-doctor es gratuito? ¿Qué licencia tiene?
- react-doctor es open source bajo la licencia Other. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿react-doctor sigue mantenido?
- Mantenimiento activo. El último commit de react-doctor fue el 19 oct 2026.
- ¿Para qué puedo usar react-doctor?
- Detectar problemas de rendimiento y errores de estado en una base de código React antes de fusionar los cambios. Permitir que un agente de programación compruebe y corrija su propio código React. Controlar las pull requests en CI para detectar cuanto antes nuevos problemas de React. Analizar el rendimiento de una aplicación React que se ejecuta localmente mediante una traza de rendimiento.
- ¿Cómo se instala react-doctor?
- Ejecuta un análisis desde la raíz de tu proyecto: npx react-doctor@latest Instala la skill en tu agente de programación: npx react-doctor@latest install
- ¿Dónde consigo react-doctor?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/millionco/react-doctor
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Una interfaz de revisión local en el navegador para anotar planes de agentes, Markdown, HTML y diferencias de código, y enviar comentarios a los agentes de programación.
Una skill de Claude Code que genera animaciones web con Motion.dev para React, Next.js, Svelte y Astro, con pautas integradas de accesibilidad y rendimiento.
Aplicación de escritorio, móvil, web y CLI para ejecutar y orquestar varios agentes de programación, como Claude Code, Codex y OpenCode, en worktrees paralelos.
Un bloc de bocetos en el navegador para diseñar pantallas de apps con Material 3 Expressive y convertir los diseños en prompts para herramientas de programación con IA.
Analiza cualquier sitio web con Playwright y exporta su sistema de diseño como configuración de Tailwind v4, componentes React, tokens de diseño o un informe DESIGN.md.