callstackincubator/react-devtools

エージェントデバイスからReact Nativeのコンポーネントツリーを検査・プロファイリングします。React Nativeのパフォーマンス、プロファイリング、props、state、フック、レンダリング原因、遅いコンポーネント、過剰な再レンダリング、コンポーネントが再レンダリングされた理由などの質問に使用します。

react-devtools とは?

callstackincubator/react-devtools は、エージェントデバイス上で React Native アプリのコンポーネントツリーを直接検査・プロファイリングできるスキルです。開発者はこのスキルを使って、コンポーネントの props、state、フックの状態をリアルタイムで確認したり、レンダリングパフォーマンスを分析したりできます。特に、過剰な再レンダリングの原因特定や、遅いコンポーネントの発見、各コンポーネントがなぜ再レンダリングされたのかという疑問の解決に役立ちます。React DevTools の機能をエージェントベースのワークフローに統合し、開発者が手動でデバッグツールを操作することなく、コードベースの分析と改善を効率的に行えるようにします。このスキルは、React Native アプリケーションの開発と最適化において強力な支援を提供します。

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

Installed? Explore more 生産性&コラボレーション skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

react-devtools は何をしますか?

エージェントデバイスからReact Nativeのコンポーネントツリーを検査・プロファイリングします。React Nativeのパフォーマンス、プロファイリング、props、state、フック、レンダリング原因、遅いコンポーネント、過剰な再レンダリング、コンポーネントが再レンダリングされた理由などの質問に使用します。

Individual skills in this repo

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

関連スキル