Community生产力与协作github.com

callstackincubator/react-devtools

从智能设备检查和性能剖析 React Native 组件树。可用于 React Native 性能分析、Profiling、props、state、hooks、渲染原因分析、慢组件、过度重渲染等问题,例如为何某个组件重新渲染。

react-devtools 是什么?

该技能允许 AI 代理直接从设备上检查和剖析 React Native 应用的组件树。它能够帮助开发者深入分析组件的 props、state、hooks 以及渲染原因,识别导致性能瓶颈的慢组件或过度重渲染。支持 React Native 的性能剖析和 Profiling 功能,适用于诸如“为什么这个组件重新渲染了?”之类的常见问题排查。通过集成到代理工作流中,开发者可以自动获取组件状态和渲染详情,从而加速 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 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

react-devtools 是做什么的?

从智能设备检查和剖析 React Native 组件树。可用于 React Native 性能分析、Profiling、props、state、hooks、渲染原因分析、慢组件、过度重渲染等问题,例如为何某个组件重新渲染。

Individual skills in this repo

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

相关技能