Chrome Devtools

🌐Community
by cygnusfear · vlatest · Repository

This skill unlocks Chrome DevTools for debugging and inspecting web pages, offering powerful insights to developers and advanced users.

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 cygnusfear-chrome-devtools npx -- -y @trustedskills/cygnusfear-chrome-devtools
2

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

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

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

About This Skill

What it does

This skill allows an AI agent to interact with and utilize Chrome DevTools. It enables debugging, performance analysis, and inspection of web pages directly through prompts. The agent can execute commands within the DevTools console and retrieve information about the page's state.

When to use it

  • Debugging Web Applications: Identify and fix errors in JavaScript code running on a webpage.
  • Performance Analysis: Analyze rendering times, memory usage, and other performance metrics of a web application.
  • Inspecting Page Elements: Examine the HTML structure, CSS styles, and network requests associated with a specific webpage.
  • Automated Testing: Run automated tests within the DevTools console to ensure functionality.

Key capabilities

  • Console command execution
  • Page state inspection
  • Debugging tools access
  • Performance profiling

Example prompts

  • "Run console.log('Hello, world!') in the Chrome DevTools."
  • "What is the value of window.innerWidth?"
  • "Can you find all elements with the class 'my-element' and log their tag names?"

Tips & gotchas

The agent requires access to a running instance of Chrome with DevTools enabled. Complex debugging scenarios may require more specific instructions for optimal results.

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
cygnusfear
Installs
26

🌐 Community

Passed automated security scans.