Install
1
Install the plugin$
npx claudepluginhub serkan-ozal/browser-devtools-claude --plugin browser-devtools-mcpWant just this command?
Then install: npx claudepluginhub u/[userId]/[slug]
Description
Inspect React components on the page
Namespace
browser/Command Content
/react
Inspect React components on the page.
Usage
/react <selector>
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
/react #app
/react .product-card
/react [data-testid="user-profile"]
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
MCP Tools Used
react_get-component-for-element- Get React component inforeact_get-element-for-component- Get DOM element for component
Stats
Stars3
Forks1
Last CommitFeb 26, 2026