What problem does it solve? Debugging or interacting with a page already open in your local Chrome normally requires heavy automation frameworks like Puppeteer that launch their own browser instance. This Skill connects directly to your running Chrome session over the DevTools Protocol, letting you inspect, screenshot, and interact with any of 100+ open tabs without restarting the browser. ## Core Features & Use Cases - Page Inspection: List open tabs, capture viewport screenshots, dump accessibility trees, and extract full or selector-scoped HTML. - Browser Interaction: Navigate to URLs, click elements by CSS selector or coordinates, type text (including into cross-origin iframes), and auto-click "load more" buttons until content is exhausted. - JavaScript & Network Access: Evaluate arbitrary JS expressions, read resource timing entries, and send raw CDP commands for anything not covered by built-in commands. - Use Case: You are debugging a broken layout on a page already open in Chrome. List the tabs, take a screenshot to see the rendering, snapshot the accessibility tree to find the faulty element, and evaluate a JS expression to inspect its computed styles — all without leaving your session. ## Quick Start Ask the agent to list your open Chrome tabs and take a screenshot of the page you want to inspect. Note: requires Chrome with remote debugging enabled (chrome://inspect/#remote-debugging) and Node.js 22+; each tab prompts for one-time debugging approval in the browser.
