Stats
Actions
Tags
From browser-devtools-mcp
Inspects React component for a given CSS selector, showing name, props, state, hooks, context, and DevTools data.
How this command is triggered — by the user, by Claude, or both
Slash command
/browser-devtools-mcp:reactbrowser/The summary Claude sees in its command listing — used to decide when to auto-load this command
# /react Inspect React components on the page. ## Usage ## Description Gets React component information for a DOM element. Shows component name, props, state, and hooks. Requires React DevTools to be available. ## Arguments - `selector` (required): CSS selector of element to inspect ## Examples ## Output Returns: - Component name - Props (with values) - State (with values) - Context values - Hooks information ## Notes - Only works on React applications - Requires React to be in development mode or have DevTools enabled - May not work with production builds that strip DevTools...
Inspect React components on the page.
/react <selector>
Gets React component information for a DOM element. Shows component name, props, state, and hooks. Requires React DevTools to be available.
selector (required): CSS selector of element to inspect/react #app
/react .product-card
/react [data-testid="user-profile"]
Returns:
react_get-component-for-element - Get React component inforeact_get-element-for-component - Get DOM element for componentnpx claudepluginhub serkan-ozal/browser-devtools-claude --plugin browser-devtools-mcp/react-patternsReviews React code for performance and composition patterns using 50+ impact-ranked rules. Provide optional file-or-component-path or scans current project.
/reactDesigns React app architecture: component hierarchy, state management strategy, performance optimizations, Server Components, concurrent features, and RTL testing patterns. Supports audit, perf, state, test, hooks, migration flags.
/react-reviewReviews React/JSX code for hook correctness, render performance, RSC boundaries, accessibility, and React-specific security issues, producing a categorized severity report.
/component-searchSearches 21st.dev registry for production-ready React UI components by natural language query. Returns ranked results with previews, code, popularity, install instructions, and selection options.
/react-reviewReviews React/JSX code for hook correctness, render performance, server/client component boundaries, accessibility, and security. Produces a severity-categorized issue report.
/react-optimizeAnalyzes a React component for performance issues like re-renders, missing memoization, and video element problems, then provides optimized code with explanations.