AI 에이전트를 위한 React DevTools CLI. 사용자가 React 또는 React Native 앱을 런타임에 디버깅하고, 컴포넌트 props/state/hooks를 검사하고, 렌더링 성능을 진단하고, 리렌더링을 프로파일링하고, 느린 컴포넌트를 찾거나, 리렌더링 이유를 이해하도록 요청할 때 사용하세요.
callstackincubator/react-devtools는 AI 에이전트가 React 및 React Native 애플리케이션을 런타임에 디버깅할 수 있도록 설계된 CLI 도구입니다. 이 스킬을 사용하면 에이전트가 컴포넌트의 props, state, hooks를 검사하고, 렌더링 성능을 진단하며, 리렌더링 프로파일링을 수행하고, 느린 컴포넌트를 식별할 수 있습니다. 주로 '왜 이게 리렌더링되나요?', '컴포넌트를 검사해줘', 'X의 props는 무엇인가요?', '앱을 프로파일링해줘', '느린 컴포넌트 찾기', 'UI 디버깅', '컴포넌트 상태 확인', '앱이 느립니다' 등의 트리거에서 활성화됩니다. 이 도구는 Claude Code, Cursor, Codex와 같은 AI 에이전트 플랫폼과 호환되며, React 런타임 디버깅 작업을 자동화하여 개발자가 효율적으로 문제를 진단하고 해결할 수 있도록 돕습니다. SKILL.md 문서에 정의된 대로, 이 스킬은 컴포넌트 트리 탐색, 상태 변경 추적, 성능 병목 지점 분석 등 고급 디버깅 기능을 제공합니다.
npx skills add https://github.com/callstackincubator/agent-react-devtools/tree/main/skills/react-devtoolsAI 에이전트를 위한 React DevTools CLI. 사용자가 React 또는 React Native 앱을 런타임에 디버깅하고, 컴포넌트 props/state/hooks를 검사하고, 렌더링 성능을 진단하고, 리렌더링을 프로파일링하고, 느린 컴포넌트를 찾거나, 리렌더링 이유를 이해하도록 요청할 때 사용하세요. 트리거에는 "왜 이게 리렌더링되나요?", "컴포넌트를 검사해줘", "X의 props는 무엇인가요?", "앱을 프로파일링해줘", "느린 컴포넌트 찾기", "UI 디버깅", "컴포넌트 상태 확인", "앱이 느립니다" 또는 모든 React 런타임 디버깅 작업이 포함됩니다.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".