Navigate to a URL in the browser. Launches browser if not already running.

Click on an element matching the given selector

Fill a form field with the given value. Clears existing content first.

Select option(s) from a dropdown/select element

Scroll the page or scroll an element into view

Wait for an element to appear/disappear or for navigation to a URL

Hover over an element

Type text into an element character by character (useful for autocomplete)

Go back to the previous page in browser history

Go forward to the next page in browser history

Reload the current page

Get console log entries from the page. Useful for seeing errors, warnings, and debug output.

Clear captured console logs

Get network request log. See API calls, their status codes, and timing. Essential for debugging Lambda/API issues.

Get detailed info about a specific network request including headers

Clear captured network logs

Get a summarized DOM tree. Returns tag names, IDs, classes, and text content in a digestible format.

Get detailed information about a specific element including computed styles and bounding box

Get visible text content of elements matching a selector

Take a screenshot of the page or a specific element. Returns base64 PNG image.

Execute arbitrary JavaScript in the page context. Powerful for custom inspection and debugging.

Get the React component tree with props and state. Works with React 16+.

Find React components by name. Returns matching components with their props and state.

Get detailed state and props for a specific React component

Collect all instances of a React component type with props→HTML mapping. Useful for understanding component behavior, comparing different usages, or extracting component patterns. Returns props, rendered HTML, and minified source for each instance.

Inspect Redux store state and recent actions. Works with Redux DevTools or globally exposed stores.

Inspect Zustand store state. Finds stores used in React components.

Inspect React Query/TanStack Query cache. Shows queries, their status, and cached data.

List all React Context providers and their current values.

Track component render counts to identify unnecessary re-renders.

Find React components with slow render times. Requires React Profiler or DevTools.

Get Core Web Vitals (LCP, FID, CLS) and other performance metrics.

Detect SSR hydration mismatches. Essential for Next.js/Remix debugging.

Find React error boundaries and any errors they have caught.

Detect potential memory leaks: large DOM, detached nodes, growing collections.

Run accessibility audit: missing alt text, labels, heading structure, color contrast, ARIA issues.

Get the accessibility tree showing roles, names, and states. Useful for screen reader debugging.

Analyze a console error with full context: related network requests, React state, and debugging suggestions. Best tool for diagnosing issues.

Get a quick overview of the debugging state: page info, error count, failed requests