Chrome Devtools
This skill leverages Chrome DevTools to inspect and debug web pages directly within your workflow for faster problem-solving and enhanced development.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add chromedevtools-chrome-devtools npx -- -y @trustedskills/chromedevtools-chrome-devtools
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"chromedevtools-chrome-devtools": {
"command": "npx",
"args": [
"-y",
"@trustedskills/chromedevtools-chrome-devtools"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The Chrome DevTools skill provides developers with tools to inspect, debug, and optimize web applications directly within the Chrome browser. It includes features like the Elements panel for DOM inspection, Console for JavaScript debugging, Network for monitoring HTTP requests, and Performance for analyzing page load times.
When to use it
- Debugging JavaScript errors in a web application during development
- Analyzing network activity to identify slow-loading resources or API calls
- Optimizing performance by profiling rendering and memory usage
- Inspecting and modifying the DOM structure of a webpage in real time
Key capabilities
- Real-time inspection and modification of HTML and CSS
- Debugging JavaScript with breakpoints and console logging
- Monitoring network requests, headers, and response times
- Performance profiling for CPU, memory, and rendering analysis
Example prompts
- "Open the Network panel and show me all XHR requests made in the last 30 seconds."
- "Debug this JavaScript error by stepping through the code line by line."
- "Analyze the performance of this webpage and suggest optimizations."
Tips & gotchas
- Ensure you are using a supported version of Chrome for full compatibility.
- Some advanced features may require enabling experimental flags or extensions.
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.