Chrome Devtools
chromedevtools/chrome-devtools-mcpChrome DevTools helps you debug web pages and automate browser tasks. It lets you inspect network requests, test performance, and interact with page elements. Developers and testers use it to find problems quickly and work more efficiently.
With this skill you can snap a page structure, click buttons, fill forms, or take screenshots. It works with a persistent Chrome profile so your sessions stay consistent. You can also manage browser extensions and check how they behave.
To get started you just navigate to a page and take a snapshot. Each element gets a unique ID for easy interaction. The skill handles all the hard parts so you can focus on fixing issues or automating workflows.
Add Chrome Devtools skill to your workflow
Global
mkdir -p ~/.claude/skills/chrome-devtoolsProject
mkdir -p .claude/skills/chrome-devtoolsSource Repository
More Debugging Claude Code Skills
Azure Diagnosticsmicrosoft/azure-skills
Debug Azure production issues with systematic diagnostics and AI-powered tools
Azure Messagingmicrosoft/azure-skills
Troubleshoot and fix Azure messaging SDK errors for Event Hubs and Service Bus
Use My Browserxixu-me/skills
Work inside your live browser session for real page inspection and debugging
Diagnosemattpocock/skills
A step-by-step debug loop for finding and fixing hard bugs
Systematic Debuggingobra/superpowers
Find the root cause of every bug before attempting any fix to save time
Safe Debuglllllllama/rigorpilot-skills
Debug deep learning failures safely with conservative diagnosis and minimal patches
Firebase Crashlyticsfirebase/agent-skills
Set up crash reporting for your Android or iOS app with ease
Python Performance Optimizationwshobson/agents
Profile and optimize Python code to find and fix performance bottlenecks quickly