react-devtools-mcp
Server Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Capabilities
Features and capabilities supported by this server
| Capability | Details |
|---|---|
| tools | {} |
| resources | {} |
Tools
Functions exposed to the LLM to take actions
| Name | Description |
|---|---|
| connectC | Connect to React DevTools backend via WebSocket |
| disconnectB | Disconnect from React DevTools backend |
| get_connection_statusC | Get current connection status |
| get_component_treeC | Get the React component tree for all roots |
| get_element_by_idC | Get basic element info by ID |
| search_componentsC | Search for components by name |
| inspect_elementB | Get full inspection data for a component including props, state, hooks |
| get_owners_listC | Get the chain of components that rendered this element |
| get_element_sourceC | Get source location for an element |
| override_propsC | Override a prop value on a component |
| override_stateC | Override a state value on a class component |
| override_hooksC | Override a hook value on a function component |
| override_contextC | Override a context value |
| delete_pathC | Delete a path from props/state/hooks/context |
| rename_pathC | Rename a key in props/state/hooks/context |
| start_profilingC | Start profiling React renders |
| stop_profilingC | Stop profiling and get data |
| get_profiling_dataC | Get profiling data without stopping |
| get_profiling_statusB | Check if profiling is active |
| get_errors_and_warningsC | Get all errors and warnings from components |
| clear_errors_and_warningsC | Clear all or specific element's errors/warnings |
| toggle_errorC | Toggle error boundary state for testing |
| toggle_suspenseC | Toggle suspense state for testing |
| highlight_elementC | Highlight an element in the app UI |
| clear_highlightB | Clear any active element highlight |
| scroll_to_elementC | Scroll the app to show an element |
| log_to_consoleC | Log an element to the browser/app console as $r |
| store_as_globalC | Store a value as a global variable for console access |
| view_sourceC | Open element source in IDE (if supported) |
| get_component_filtersC | Get current component filters |
| set_component_filtersC | Set component filters (hide certain components) |
| set_trace_updates_enabledC | Enable/disable visual update highlighting |
| get_native_styleC | Get native style and layout info (React Native only) |
| set_native_styleC | Set a native style property (React Native only) |
| health_checkB | Get server and connection health status |
| get_capabilitiesB | Get negotiated protocol capabilities (features supported by backend) |
| get_renderersB | Get all connected React renderers (for multi-renderer apps) |
| get_rendererC | Get a specific renderer by ID |
| get_elements_by_rendererC | Get all elements for a specific renderer |
| start_inspecting_nativeB | Start native element inspection mode (tap-to-select) |
| stop_inspecting_nativeC | Stop native element inspection mode |
| get_inspecting_native_statusB | Check if native inspection mode is active |
| capture_screenshotC | Capture screenshot of an element (if supported) |
| save_to_clipboardC | Save content to system clipboard |
| view_attribute_sourceC | Get source location for a specific attribute path |
Prompts
Interactive templates invoked by user choice
| Name | Description |
|---|---|
No prompts | |
Resources
Contextual data attached and managed by the client
| Name | Description |
|---|---|
| Component Tree | Live component tree updates |
| Current Selection | Currently selected element |
Latest Blog Posts
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/skylarbarrera/react-devtools-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server