Chrome DevTools MCP plugin: what it installs and how to add it
Controls and inspects a live Chrome browser for debugging, performance analysis, network checks, and Puppeteer automation.
From the Marketplace: claude-plugins-official marketplace
Install
> /plugin install chrome-devtools-mcp@claude-plugins-officialRun it inside Claude Code. The official marketplace is already known, so there is nothing to add first.
What is inside
- 7skills
- 1MCP server
About this plugin
The plugin gives a coding agent access to a live Chrome browser through an MCP server. It can automate browser actions with Puppeteer, record performance traces, inspect network requests, capture screenshots, and analyse console messages with source-mapped stack traces.
Reach for it when debugging web applications, investigating accessibility or memory issues, analysing Largest Contentful Paint, or checking browser behaviour. It requires Node.js LTS, npm, and a current stable Chrome installation. Browser content is exposed to the MCP client, so avoid using it with sensitive data.
What's inside
- 7 skills:
a11y-debugging,chrome-devtools-cli,chrome-devtools,cookie-debugging,debug-optimize-lcp,memory-leak-debugging, andtroubleshooting - 1 MCP server
More from claude-plugins-official
- SuperpowersOfficialGuides Claude Code through planning, TDD, debugging, code review, and subagent-driven software development.Marketplace: claude-plugins-officialGitHub stars: 294k
- Matt Pocock SkillsOfficialAdds reusable engineering skills for specification, TDD, code review, debugging, domain modelling and project handoffs.Marketplace: claude-plugins-officialGitHub stars: 274k
- HyperFramesOfficialCreates deterministic MP4 videos from HTML, CSS, media and animations using HeyGen's HyperFrames framework.Marketplace: claude-plugins-officialGitHub stars: 55.4k
- Agent SDK DevOfficialCreates and verifies Claude Agent SDK applications in Python and TypeScript, with scaffolding and best-practice checks.Marketplace: claude-plugins-officialGitHub stars: 37.3k
- AsanaOfficialConnects Claude Code to Asana for creating tasks, searching projects, updating assignments and tracking work.Marketplace: claude-plugins-officialGitHub stars: 37.3k
- C# LSPOfficialProvides C# code intelligence and diagnostics through the csharp-ls language server for Claude Code projects.Marketplace: claude-plugins-officialGitHub stars: 37.3k
Related plugins
- SuperpowersOfficialGuides Claude Code through planning, TDD, debugging, code review, and subagent-driven software development.Marketplace: claude-plugins-officialGitHub stars: 294k
- Matt Pocock SkillsOfficialAdds reusable engineering skills for specification, TDD, code review, debugging, domain modelling and project handoffs.Marketplace: claude-plugins-officialGitHub stars: 274k
- Understand AnythingAnalyses codebases and documents into an interactive knowledge graph for exploring files, symbols, dependencies, and project structure.Marketplace: claude-communityGitHub stars: 85k
- .NET ContributionAdds .NET backend patterns and an architect agent for C#, ASP.NET Core, EF Core, and Dapper projects.Marketplace: claude-code-workflowsGitHub stars: 40.1k
Skills, not plugins
Prefer a single skill for development work? 471 skills in the same category, each installed on its own.