AI AGENT ADDONS
Debugging
1,905installs

You can control your Chrome browser using simple text commands. This tool connects directly to Chrome's built-in debugging features. It lets you take screenshots, run JavaScript, click buttons, and inspect web pages. You must give permission each time a new tab is accessed. The tool works with many open tabs at once and does not need extra libraries like Puppeteer. It is ideal for developers who need to automate testing or debug web pages quickly.

Chrome CDP uses a command line interface to send instructions to your browser. You can list all open tabs, capture the viewport as an image, or even type text into forms. Commands are short and easy to remember. For example, scripts/cdp.mjs shot takes a screenshot of a specific tab. The tool handles high-resolution screens by showing the correct pixel ratio. It also keeps a background session alive so you do not have to approve debugging requests more than once per tab.

This skill is useful for anyone who works with websites and needs a lightweight way to interact with Chrome. It works with any Chromium-based browser like Brave or Edge. You just need Node.js 22 or newer. The commands give you direct control over browser actions without complex setup. It is a practical tool for automating repetitive browser tasks or debugging tricky page issues.

Add Chrome Cdp skill to your workflow

Global

mkdir -p ~/.claude/skills/chrome-cdp

Project

mkdir -p .claude/skills/chrome-cdp

Source Repository

Stars
3,135
Forks
199
Watchers
3,135
License
MIT
Last Push
1 month ago
Created
5 months ago