Chrome Devtools

🌐Community
by samhvw8 Β· vlatest Β· Repository

This skill leverages Chrome DevTools to inspect and debug web pages, offering developers a powerful way to analyze website code and troubleshoot issues.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add samhvw8-chrome-devtools npx -- -y @trustedskills/samhvw8-chrome-devtools
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "samhvw8-chrome-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/samhvw8-chrome-devtools"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

This skill provides access to Chrome DevTools functionality within an AI agent. It allows for inspecting web pages, debugging JavaScript code, and analyzing network requests directly through prompts. The skill aims to automate tasks typically performed manually using the Chrome browser's developer tools.

When to use it

  • Web Scraping: Extract data from websites by programmatically interacting with elements in the DOM.
  • Debugging Web Applications: Identify and fix errors in JavaScript code running within a web page.
  • Performance Analysis: Analyze network requests and identify bottlenecks affecting website loading times.
  • Automated Testing: Simulate user interactions and verify expected behavior on web pages.

Key capabilities

  • DOM inspection
  • JavaScript debugging
  • Network request analysis

Example prompts

  • "Inspect the element with ID 'submit-button' and tell me its attributes."
  • "Set a breakpoint in this JavaScript code: [code snippet] and show me the values of variables when it’s hit."
  • "Analyze the network requests made by this page and identify any requests taking longer than 1 second."

Tips & gotchas

The skill requires a Chrome browser instance to be running and accessible. Ensure that the AI agent has the necessary permissions to interact with the browser's DevTools.

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 HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
samhvw8
Installs
16

🌐 Community

Passed automated security scans.