Chrome Debug
Debug Chrome extensions remotely via automated actions and data inspection using this zenobi-us testing tool.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add chrome-debug npx -- -y @trustedskills/chrome-debug
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"chrome-debug": {
"command": "npx",
"args": [
"-y",
"@trustedskills/chrome-debug"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill enables AI agents to remotely debug and manipulate Chrome extensions using the Chrome DevTools Protocol (CDP) via mcporter. It allows for live browser debugging alongside agent conversations, automated form filling and interaction testing, and provides visual feedback through screenshots. The tool facilitates inspection of console logs and network requests, as well as executing JavaScript code within the page context.
When to use it
- Automating tests that require user interaction with a Chrome extension.
- Debugging issues in a Chrome extension by remotely controlling browser actions.
- Inspecting the state of a web page or extension during automated testing workflows.
- Capturing screenshots for visual verification of UI changes.
Key capabilities
- Listing open pages/tabs within Chrome.
- Selecting specific pages/tabs to interact with.
- Creating new browser tabs.
- Navigating between URLs and reloading pages.
- Taking DOM snapshots and screenshots of web pages.
- Clicking, filling forms, hovering over elements, and pressing keys on the page.
- Executing JavaScript code within the context of a webpage.
- Waiting for specific elements or conditions to be met.
- Inspecting console messages and network requests.
Example prompts
- "List all open pages in Chrome."
- "Navigate to example.com and take a screenshot."
- "Fill the username field with 'testuser' and click the submit button."
- "Execute this JavaScript code:
document.body.style.backgroundColor = 'red';"
Tips & gotchas
- Prerequisite: Chrome or Chromium must be running with remote debugging enabled on port 9222 (or a configured alternative). Verify the connection using
mise x node@20 -- mcporter call chrome-devtools.list_pages. - Ensure no other process is utilizing port 9222 if you encounter connection issues.
- To start Chrome with remote debugging enabled, use the command:
google-chrome --remote-debugging-port=9222
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.