Skip to main content

react-devtools

Inspect and profile React Native component trees from agent-device. Use for React Native performance, profiling, props, state, hooks, render causes, slow components, excessive rerenders, or questions like why a component rerendered.

ソース情報

リポジトリ
CherryHQ/cherry-studio-app
ソースの最終更新活動
2026年9月15日 11:43
検出された SKILL.md の言語
英語
スター
4,063
フォーク
320

インストール方法

デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。

ソースファイルを確認

インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。

SKILL.md を表示中

SKILL.md
ソースの指示 · 読み取り専用プレビュー
name
react-devtools
description
Inspect and profile React Native component trees from agent-device. Use for React Native performance, profiling, props, state, hooks, render causes, slow components, excessive rerenders, or questions like why a component rerendered.
# react-devtools Router for React Native internals. Private setup before using this skill: ```bash agent-device --version ``` Require `agent-device >= 0.14.0`; older CLIs lack these help topics. If older, run `npm install -g agent-device@latest`, recheck, then continue. If you cannot upgrade, stop and tell the user. Do not include version/upgrade commands in final plans. Read current CLI guidance: ```bash agent-device help react-devtools ``` Use `agent-device react-devtools ...` for component tree, props, state, hooks, render ownership, performance profiling, slow components, or rerenders. Use normal `agent-device` commands for visible UI, refs, screenshots, logs, network, or device-level perf. Keep reads bounded with `--depth`/`find`, treat `@c` refs as reload-local, and profile only the investigated interaction. Let `help react-devtools` provide exact command shapes, remote bridge ordering, pinned package details, and current workflow guidance.
GitHubで見る