browser-dev-tools - Browser DevTools for Frontend Debugging and Optimization
Interact with and debug live web pages using Chrome DevTools protocol.
Tags
Updated: 2026-02-13Capabilities
Typical Inputs
Typical Outputs
What this skill does
- List active browser pages
- Capture page screenshots
- Extract page text and UIDs
- Click page elements
- Fill form inputs
- Execute JavaScript snippets
- Resize page viewport
- List console messages
- Start performance tracing
- Analyze performance insights
Inputs
- Chrome browser instance
- Web page URL or selector
- Target element locator
- Form input data
- JavaScript code
- Viewport dimensions
Outputs
- Page list with indices
- Screenshot image
- Text snapshot with UID
- Console message logs
- Performance trace data
- Interaction success status
Requirements
- Chrome/Chromium browser
- DevTools protocol access
- MCP server connection
- Web page loaded in browser