Chrome DevTools

Control and inspect a live Chrome browser from your coding agent. Record performance traces, analyze network requests...

Control and inspect a live Chrome browser directly from your coding agent. Chrome DevTools MCP provides 29 tools spanning browser automation, performance profiling, network analysis, and debugging — giving Claude full DevTools capabilities through Puppeteer and the Chrome DevTools Protocol.

Automate browser interactions with tools for clicking, typing, filling forms, uploading files, navigating pages, and handling dialogs. Emulate mobile devices and custom viewports to test responsive designs. Record performance traces and memory snapshots to diagnose bottlenecks, run Lighthouse audits, and get actionable performance insights including CrUX field data.

Inspect network requests, read console messages with source-mapped stack traces, capture screenshots, take DOM snapshots, and execute JavaScript in the page context. A slim mode is available for lighter, basic browser tasks.

How to use: Ask Claude to interact with your running application in Chrome. Example prompts: "Open my app at localhost:3000 and click the login button", "Record a performance trace while I scroll the page and tell me what's slow", "Take a screenshot of the homepage on a mobile viewport", "Check the console for errors after submitting the form", "Run a Lighthouse audit on this page and summarize the results", "List all network requests made when the dashboard loads".

Other plugins

frontend-design

Frontend design skill for UI/UX implementation

Superpowers

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

code-review

Automated code review for pull requests using multiple specialized agents with confidence-based scoring

context7

Upstash Context7 MCP server for up-to-date documentation lookup. Connects to Context7's hosted remote MCP server (https://mcp.context7.com/mcp) — no local Node.js or npx required — to pull version-specific documentation and code examples directly from source repositories into your LLM context. Authenticate with Context7 when prompted.

code-simplifier

Agent that simplifies and refines code for clarity, consistency, and maintainability while preserving functionality

playwright

Browser automation and end-to-end testing MCP server by Microsoft. Enables Claude to interact with web pages, take screenshots, fill forms, click elements, and perform automated browser testing workflows.