AIエージェント向けReact DevTools CLI。ユーザーがReactまたはReact Nativeアプリの実行時デバッグ、コンポーネントのprops/state/hooksの調査、レンダーパフォーマンスの診断、再レンダーのプロファイリング、低速コンポーネントの発見、再レンダーの原因の理解を求めた際に使用します
このスキルは、AIエージェント（Claude Code、Cursor、Codexなど）がReactおよびReact Nativeアプリケーションの実行時デバッグをCLI経由で行えるようにするReact DevToolsの統合機能です。主な用途は、コンポーネントツリーの調査、props/state/hooksの値の確認、レンダーパフォーマンスのプロファイリング、再レンダーの原因特定、低速コンポーネントの発見など、ランタイムレベルのReactデバッグ作業です。「なぜこれが再レンダーされるのか」「このコンポーネントを調べて」「Xのpropsは何か」「アプリをプロファイリングして」「低速コンポーネントを見つけて」「UIをデバッグして」「コンポーネントの状態を確認して」「アプリが遅い」といった自然言語のトリガーに対応します。これにより、開発者は手動でブラウザのDevToolsを開くことなく、AIエージェントが直接Reactの実行時情報を取得・分析できるため、デバッグとパフォーマンス最適化の効率が大幅に向上します。
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".