From browser-devtools-mcp
Inspects React component for a given CSS selector, showing name, props, state, hooks, context, and DevTools data.
npx claudepluginhub serkan-ozal/browser-devtools-mcp# /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...
/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.
/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-optimizeAnalyzes a React component for performance issues like re-renders, missing memoization, and video element problems, then provides optimized code with explanations.
/reactGenerates React and Next.js components implementing the specified requirement, optionally using a pattern like hooks or server-components.
Share bugs, ideas, or general feedback.
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 component