Browser Devtools Cli
This skill extracts and displays website HTML, CSS, and JavaScript from browser devtools, aiding in debugging and development workflows.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add browser-devtools-cli npx -- -y @trustedskills/browser-devtools-cli
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"browser-devtools-cli": {
"command": "npx",
"args": [
"-y",
"@trustedskills/browser-devtools-cli"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill provides command line access to browser developer tools. It allows you to execute commands within a Chrome DevTools instance, inspect elements, and perform actions typically done through the DevTools UI directly from your AI agent. This enables automation of tasks like performance analysis or debugging web applications.
When to use it
- Automated testing: Run performance tests and analyze results programmatically.
- Debugging: Inspect element properties and execute JavaScript code within a running webpage for troubleshooting.
- Web scraping/data extraction: Interact with elements on a page to extract data that might be difficult to obtain through standard scraping techniques.
- UI automation: Simulate user interactions like clicks or form submissions in a browser environment.
Key capabilities
- Command line interface to Chrome DevTools
- Element inspection and manipulation
- JavaScript execution within the browser context
- Automated task execution via DevTools commands
Example prompts
- "Get the text content of the element with ID 'my-element'."
- "Execute this JavaScript code:
document.querySelector('button').click()." - "What is the value of the CSS property 'color' for the body?"
Tips & gotchas
This skill requires a Chrome browser instance to be running and accessible. The agent needs appropriate permissions to interact with the DevTools, which might require configuration depending on your environment.
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.