Community생산성 & 협업github.com

callstackincubator/react-devtools

에이전트 기기에서 React Native 컴포넌트 트리를 검사하고 프로파일링합니다. React Native 성능, 프로파일링, props, state, hooks, 렌더링 원인, 느린 컴포넌트, 과도한 리렌더링 또는 컴포넌트가 왜 리렌더링되었는지와 같은 질문에 사용하세요.

react-devtools란 무엇인가요?

`callstackincubator/react-devtools` 스킬은 에이전트 기기(예: CLI, Cursor, Codex)에서 React Native 앱의 컴포넌트 트리를 직접 검사하고 성능을 프로파일링할 수 있게 해줍니다. 이 스킬을 사용하면 개발자는 props, state, hooks의 현재 상태를 확인하고, 특정 컴포넌트의 렌더링 원인을 추적하며, 느린 컴포넌트나 과도한 리렌더링을 식별하여 성능 병목을 진단할 수 있습니다. React Native의 디버깅 및 프로파일링 워크플로우에 통합되어, 에이전트가 사용자 대신 컴포넌트 트리 데이터를 수집하고 분석하여 렌더링 문제의 근본 원인을 파악하는 데 도움을 줍니다. 주로 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, hooks, 렌더링 원인, 느린 컴포넌트, 과도한 리렌더링 또는 컴포넌트가 왜 리렌더링되었는지와 같은 질문에 사용하세요.

Individual skills in this repo

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

관련 스킬