callstackincubator/react-devtools

Inspecciona y perfila árboles de componentes de React Native desde el agente-dispositivo. Útil para rendimiento, profiling, props, estado, hooks, causas de renderizado, componentes lentos, re-renderizados excesivos o preguntas sobre por qué un componente se re-renderizó.

¿Qué es react-devtools?

La habilidad `callstackincubator/react-devtools` permite a agentes de IA, como Claude Code o Cursor, inspeccionar y perfilar árboles de componentes de React Native directamente desde el dispositivo del desarrollador. Está diseñada para diagnosticar problemas de rendimiento, como componentes que se renderizan lentamente o que sufren re-renderizados excesivos, así como para explorar el estado interno (props, estado, hooks) de cualquier componente en tiempo real. Soporta plataformas donde se ejecute React Native (iOS y Android) y se integra mediante comunicación directa con el agente. Al usar esta skill, el agente puede responder preguntas como "¿por qué este componente se re-renderizó?" o identificar cuellos de botella de rendimiento, facilitando la optimización sin necesidad de herramientas externas.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/callstackincubator/agent-device/tree/main/skills/react-devtools

Installed? Explore more Productividad y colaboración skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace react-devtools?

Inspecciona y perfila árboles de componentes de React Native desde el agente-dispositivo. Útil para rendimiento, profiling, props, estado, hooks, causas de renderizado, componentes lentos, re-renderizados excesivos o preguntas sobre por qué un componente se re-renderizó.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Skills relacionados