React DevTools CLI 專為 AI 代理設計。當用戶要求您在執行時期除錯 React 或 React Native 應用程式、檢查元件 props/state/hooks、診斷渲染效能、分析重新渲染、找出慢速元件或了解為何某項目重新渲染時使用。觸發詞包括「為什麼這會重新渲染」、「檢查元件」、「X 有什麼 props」、「分析應用程式」、「找出慢速元件」、「除錯 UI」、「檢查元件狀態」、「應用程式感覺很慢」或任何 React 執行時期除錯任務。
此技能為 React DevTools 的 CLI 版本，專為 AI 代理（如 Claude Code、Cursor、Codex）設計，使其能夠直接在終端機中互動式地檢查及除錯 React 與 React Native 應用程式。它允許代理讀取元件樹、檢查 props、state 與 hooks 的值，並分析渲染效能瓶頸，例如不必要的重新渲染或緩慢的元件。支援的平台包括所有基於 React 與 React Native 的專案，透過提供豐富的除錯命令，彌補了 AI 代理無法直接使用瀏覽器 DevTools 的限制。技能運作方式是透過啟動一個連接到目標應用程式的 CLI 介面，並執行如 `inspect`、`profile`、`find-slow` 等指令來回答開發者關於運行時 UI 行為的具體問題。它極大地增強了 AI 代理作為除錯夥伴的能力，讓效能最佳化與狀態檢查變得更有效率。
npx skills add https://github.com/callstackincubator/agent-react-devtools/tree/main/skills/react-devtoolsReact DevTools CLI 專為 AI 代理設計。當用戶要求您在執行時期除錯 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".