Browser Tools
This skill allows you to interact with your browser – navigating, executing JavaScript, and retrieving content – for powerful automation tasks.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add badlogic-browser-tools npx -- -y @trustedskills/badlogic-browser-tools
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"badlogic-browser-tools": {
"command": "npx",
"args": [
"-y",
"@trustedskills/badlogic-browser-tools"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill provides tools for interacting with a Chrome browser running in remote debugging mode. It allows an AI agent to navigate web pages, execute JavaScript code within those pages, capture screenshots, extract page content, and inspect cookies. The tool connects to Chrome on port :9222, requiring specific setup steps including installing dependencies and launching Chrome with the correct flags.
When to use it
- When you need an AI agent to interact with a web application, such as clicking buttons or filling out forms.
- To extract data from websites programmatically when direct API access isn't available.
- For visually inspecting a webpage state or verifying UI changes using screenshots.
- When needing to debug authentication issues by examining browser cookies.
- To allow users to select specific DOM elements on a page through an interactive picker, enabling the agent to then perform actions on those elements.
Key capabilities
- Navigation: Open URLs in new or existing Chrome tabs.
- JavaScript Execution: Execute JavaScript code within the active tab for data extraction and DOM manipulation.
- Screenshot Capture: Capture screenshots of the current viewport.
- Element Selection (Pick Elements): Interactive element selection via a user interface, returning CSS selectors.
- Cookie Inspection: Display cookies associated with the current tab.
- Content Extraction: Extract content from the active webpage.
Example prompts
- "Navigate to example.com and get the page title."
- "Execute 'document.querySelectorAll("a").length' on the current page."
- "Take a screenshot of the current page."
- "I want to click that button" (This would trigger the interactive element picker).
Tips & gotchas
- Chrome Setup: Requires Chrome running with remote debugging enabled on port
:9222. Use--profileflag when launching Chrome to preserve user authentication state. - Dependencies: You must run
npm installwithin the skill's directory before first use. - JavaScript Context: JavaScript code runs in an asynchronous context.
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.