# Chrome DevTools

Chrome DevTools integration. Control and inspect a live Chrome browser. Record performance traces, analyze network requests, check console messages with source-mapped stack traces, and automate browser actions.

- Category: Free
- Connection: Runs on your computer. A program that runs on your own computer through the Krypton desktop app. Nothing runs on our servers and nothing is metered.
- Plans: Free: Included, no limits; MCP only: Included, no limits; Pro: Included, no limits; Max: Included, no limits
- Vendor site: https://github.com/ChromeDevTools/chrome-devtools-mcp

## MCP servers

- chrome-devtools: local program on your computer

## Skills included

- 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: 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).
- 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.
- cookie-debugging: Uses Chrome DevTools MCP for inspecting, debugging, and testing cookies, session state, authentication issues, and cookie consent compliance. Use when diagnosing 401/403 errors, authentication redirects, session expiration, Cookie/Set-Cookie header issues, cookie banner consent conformance, or third-party cookie/SameSite/Partitioned cookie warnings.
- 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 user mentions "largest contentful paint", "page load speed", "CWV", or wants to improve how fast their hero image or main content renders.
- 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 capture, compare, or inspect heap snapshots with Chrome DevTools MCP memory tools.
- 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.

## Questions

### How do I connect Chrome DevTools to Krypton?

Open Integrations in the Krypton desktop app, find Chrome DevTools in the Free section and choose Add. It runs on your computer, so the desktop app must be open while your bots use it.

### Which plan includes Chrome DevTools?

Free on every plan, with no call limits.

### Can I use Chrome DevTools from Claude or Cursor?

Not through Krypton: Chrome DevTools is a program on your own computer, so it works with the bots in your Krypton desktop app.

Back to the [MCP catalog](https://krypton.bot/mcp-catalog/).