Chrome Devtools

Name: Chrome Devtools
Author: hainamchung

🌐Community

by hainamchung · vlatest · Repository

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

Install on your platform

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

Run in terminal (recommended)

terminal

claude mcp add hainamchung-chrome-devtools npx -- -y @trustedskills/hainamchung-chrome-devtools

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

~/.claude/settings.json

{
  "mcpServers": {
    "hainamchung-chrome-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/hainamchung-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 leverage Chrome DevTools for web development tasks. It can inspect elements, debug JavaScript, monitor network requests, and analyze performance metrics directly within a browser environment. This enables agents to automate repetitive debugging processes and gain deeper insights into website behavior.

When to use it

Debugging Web Applications: Identify and fix errors in live websites by stepping through code and inspecting variables.
Performance Analysis: Analyze page load times, identify bottlenecks, and optimize website performance using DevTools' profiling tools.
Element Inspection & Modification: Examine the structure of web pages and experiment with changes to CSS or HTML directly within the browser.
Automated Testing: Create automated tests that interact with a webpage through the Chrome DevTools API.

Key capabilities

Inspect elements on a webpage
Debug JavaScript code
Monitor network requests
Analyze website performance metrics
Interact via the Chrome DevTools API

Example prompts

"Inspect the element with ID 'submit-button' and tell me its CSS properties."
"Set a breakpoint in script.js on line 25 and step through the code."
"Show me all network requests made by this page, sorted by load time."

Tips & gotchas

Requires access to a Chrome browser environment for operation. The agent's capabilities are limited by the available Chrome DevTools API functions.

View Repository →

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

Details

Version: vlatest
License
Author: hainamchung
Installs: 2

Repository (canonical source) →

🌐 Community

Passed automated security scans.