claude

chrome-devtools-mcp

[curated by Tehvault] Drive/inspect a live Chrome browser — debug your web frontends & capture perf traces. — Control and inspect a live Chrome browser from your coding agent. Record performance traces, analyze network requests, check console messages with source-mapped stack traces, and automate browser actions with Puppeteer.

0 on GitHubv1.3.0updated 4 months agodevelopment
/

Plugin chrome-devtools-mcp from marketplace tehvault in tehvault/claude-plugins. Commands read from the repo's manifest — 1 month ago.

This plugin runs code on your machine — it starts local MCP servers. The exact commands are listed below; read them before installing.

What it installs

Skills (6)

  • a11y-debugging

    Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states, keyboard navigation, tap targets, and color contrast.

  • chrome-devtools-cli

    Use this skill to write shell scripts or run shell commands to automate tasks in the browser or otherwise use Chrome DevTools via CLI.

  • chrome-devtools

    Uses Chrome DevTools via MCP for efficient debugging, troubleshooting and browser automation. Use when debugging web pages, automating browser interactions, analyzing performance, or inspecting network requests. This skill does not apply to `--slim` mode (MCP configuration).

  • debug-optimize-lcp

    Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools. Use this skill whenever the user asks about LCP performance, slow page loads, Core Web Vitals optimization, or wants to understand why their page's main content takes too long to appear. Also use when the

  • memory-leak-debugging

    Diagnoses and resolves memory leaks in JavaScript/Node.js applications. Use when a user reports high memory usage, OOM errors, or wants to analyze heapsnapshots or run memory leak detection tools like memlab.

  • troubleshooting

    Uses Chrome DevTools MCP and documentation to troubleshoot connection and target issues. Trigger this skill when list_pages, new_page, or navigate_page fail, or when the server initialization fails.

MCP servers (1)

View source on GitHub

More from tehvault/claude-plugins

All 20 plugins →

sentry

claude

[curated by Tehvault] Pull live error & performance data from Sentry while debugging. — Sentry error monitoring integration. Access error reports, analyze stack traces, search issues by fingerprint, and debug production errors directly from your development environment.

33 skills · 1 command · 1 MCP server

0

expo

claudecodex

[curated by Tehvault] Expo / React Native build, deploy, and debug skills. — Official Expo skills for building, deploying, upgrading, and debugging React Native apps with Expo. Covers UI development with Expo Router, SwiftUI and Jetpack Compose components, Tailwind CSS setup, API routes, data fetching, CI/CD workflows, App Store and Play Store deployment, SDK upgrades, DOM components, and dev client distribution.

24 skills · 1 MCP server · hooks

0

notion

claude

[curated by Tehvault] Notion workspace — search pages, create/update docs & databases. — Notion workspace integration. Search pages, create and update documents, manage databases, and access your team's knowledge base directly from Claude Code for seamless documentation workflows.

4 skills · 10 commands · 1 MCP server

0

stripe

claude

[curated by Tehvault] Work with the Stripe API — directly relevant to your Checkout/booking flows. — Stripe development plugin for Claude

10 skills · 2 commands · 1 agent · 1 MCP server · hooks

0

slack

claude

[curated by Tehvault] Slack workspace — search messages, read channels & threads. — Slack workspace integration. Search messages, access channels, read threads, and stay connected with your team's communications while coding. Find relevant discussions and context quickly.

6 skills · 5 commands · 1 MCP server

0

figma

claude

[curated by Tehvault] Pull designs & specs from Figma into UI work (pairs with your UI/UX skills). — Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and development workflows.

10 skills · 1 MCP server

0

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.

5 commands

HKUDS/CLI-Anything 58,665

Automates browser interactions for web testing, form filling, screenshots, and data extraction

12 skills

vercel-labs/agent-browser 50,373

Use Alibaba Open Code Review from local Codex.

2 skills

alibaba/open-code-review 50,068

slidev

claude

Claude Code skill for creating and presenting Slidev slidedecks

1 skill

slidevjs/slidev 49,452

Maintain chrome-devtools-mcp?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins20 plugins