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 |
|---|---|
| connect | Connect to React DevTools backend via WebSocket |
| disconnect | Disconnect from React DevTools backend |
| get_connection_status | Get current connection status |
| get_component_tree | Get the React component tree for all roots |
| get_element_by_id | Get basic element info by ID |
| search_components | Search for components by name |
| inspect_element | Get full inspection data for a component including props, state, hooks |
| get_owners_list | Get the chain of components that rendered this element |
| get_element_source | Get source location for an element |
| override_props | Override a prop value on a component |
| override_state | Override a state value on a class component |
| override_hooks | Override a hook value on a function component |
| override_context | Override a context value |
| delete_path | Delete a path from props/state/hooks/context |
| rename_path | Rename a key in props/state/hooks/context |
| start_profiling | Start profiling React renders |
| stop_profiling | Stop profiling and get data |
| get_profiling_data | Get profiling data without stopping |
| get_profiling_status | Check if profiling is active |
| get_errors_and_warnings | Get all errors and warnings from components |
| clear_errors_and_warnings | Clear all or specific element's errors/warnings |
| toggle_error | Toggle error boundary state for testing |
| toggle_suspense | Toggle suspense state for testing |
| highlight_element | Highlight an element in the app UI |
| clear_highlight | Clear any active element highlight |
| scroll_to_element | Scroll the app to show an element |
| log_to_console | Log an element to the browser/app console as $r |
| store_as_global | Store a value as a global variable for console access |
| view_source | Open element source in IDE (if supported) |
| get_component_filters | Get current component filters |
| set_component_filters | Set component filters (hide certain components) |
| set_trace_updates_enabled | Enable/disable visual update highlighting |
| get_native_style | Get native style and layout info (React Native only) |
| set_native_style | Set a native style property (React Native only) |
| health_check | Get server and connection health status |
| get_capabilities | Get negotiated protocol capabilities (features supported by backend) |
| get_renderers | Get all connected React renderers (for multi-renderer apps) |
| get_renderer | Get a specific renderer by ID |
| get_elements_by_renderer | Get all elements for a specific renderer |
| start_inspecting_native | Start native element inspection mode (tap-to-select) |
| stop_inspecting_native | Stop native element inspection mode |
| get_inspecting_native_status | Check if native inspection mode is active |
| capture_screenshot | Capture screenshot of an element (if supported) |
| save_to_clipboard | Save content to system clipboard |
| view_attribute_source | 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 |