callstackincubator/react-devtools

Untersuche und profiliere React Native-Komponentenbäume vom Agentengerät. Für React Native-Performance, Profiling, Props, State, Hooks, Render-Ursachen, langsame Komponenten, übermäßige Rerender oder Fragen, warum eine Komponente neu gerendert wurde.

Was ist react-devtools?

Diese Skill ermöglicht es einem KI-Agenten, React Native-Komponentenbäume direkt zu inspizieren und zu profilieren. Sie ist nützlich für Performance-Analyse, Profiling von Props, State und Hooks sowie zur Identifizierung von Render-Ursachen und langsamen Komponenten. Unterstützt wird die Arbeit mit React Native-Apps auf dem Agentengerät, ähnlich wie die Browser-DevTools. Durch die Integration kann der Agent Fragen beantworten wie „Warum wird diese Komponente neu gerendert?“ oder „Welche Komponente verursacht einen Flaschenhals?“. Die Skill hilft, übermäßige Rerender zu erkennen und die App-Performance gezielt zu optimieren.

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

Installed? Explore more Produktivität & Zusammenarbeit skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht react-devtools?

Untersuche und profiliere React Native-Komponentenbäume vom Agentengerät. Verwende dies für React Native-Performance, Profiling, Props, State, Hooks, Render-Ursachen, langsame Komponenten, übermäßige Rerender oder Fragen wie warum eine Komponente neu gerendert wurde.

Individual skills in this repo

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

Verwandte Skills