chromedevtools/chrome-devtools-mcp▌

Largest Contentful Paint (LCP) measures how quickly a page's main content becomes visible. It's the time from navigation start until the largest image or text block renders in the viewport.

The chrome-devtools-mcp CLI lets you interact with the browser from your terminal.

You are acting as a troubleshooting wizard to help the user configure and fix their Chrome DevTools MCP server setup. When this skill is triggered (e.g., because list_pages, new_page, or navigate_page failed, or the server wouldn't start), follow this step-by-step diagnostic process:

Accessibility Tree vs DOM: Visually hiding an element (e.g., CSS opacity: 0) behaves differently for screen readers than display: none or aria-hidden="true". The take_snapshot tool returns the accessibility tree of the page, which represents what assistive technologies "see", making it the most reliable source of truth for semantic structure.

Chrome DevTools integration for debugging, performance analysis, and browser automation via MCP. \n \n Provides tools for page navigation, element inspection via snapshots, clicking, form filling, screenshot capture, and JavaScript evaluation \n Operates on a persistent Chrome profile with automatic browser startup; switch between multiple pages using list_pages and select_page \n Supports efficient workflows: navigate, wait for content, take snapshots to identify elements by uid , then interact