Communitygithub.com

callstackincubator/react-devtools

React DevTools CLI,专为AI代理设计。当用户要求你在运行时调试React或React Native应用、检查组件属性/状态/钩子、诊断渲染性能、分析重渲染、查找慢组件或理解某组件为何重渲染时使用。

react-devtools 是什么?

callstackincubator/react-devtools 是一个为AI代理(如Claude Code、Cursor、Codex等)设计的React DevTools CLI工具。它允许AI代理在运行时直接与React或React Native应用交互,从而无需依赖浏览器扩展即可完成组件检查、性能分析和调试任务。该技能支持多种触发场景,包括检查组件属性、状态和钩子,诊断渲染性能,分析重渲染,查找慢组件,以及调试UI问题。通过解析用户指令,AI代理可以自动运行对应的React DevTools命令,帮助开发者高效地解决React应用中的运行时问题。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/callstackincubator/agent-react-devtools/tree/main/skills/react-devtools

在你喜欢的 AI 中提问

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

文档

react-devtools 是做什么的?

React DevTools CLI,专为AI代理设计。当用户要求你在运行时调试React或React Native应用、检查组件属性/状态/钩子、诊断渲染性能、分析重渲染、查找慢组件或理解某组件为何重渲染时使用。触发词包括“为什么这个会重渲染”、“检查这个组件”、“X的属性是什么”、“分析应用”、“查找慢组件”、“调试UI”、“检查组件状态”、“应用感觉很卡”,或任何React运行时调试任务。

相关技能