debug-optimize-lcp
bychromedevtools· 6 skills
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.
How to install debug-optimize-lcp?
chromedevtools/chrome-devtools-mcp/debug-optimize-lcp
$npx -y skills add chromedevtools/chrome-devtools-mcp --skill debug-optimize-lcpInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Run `npx skills use "https://github.com/chromedevtools/chrome-devtools-mcp" --skill "chromedevtools/chrome-devtools-mcp/debug-optimize-lcp"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/chromedevtools/chrome-devtools-mcp" that are relevant to the current task. Run `npx skills add "https://github.com/chromedevtools/chrome-devtools-mcp"` and select the relevant skills, then follow their instructions.
Related
6 picksType
- azure-diagnosticsDebug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe triage.Jul 2026
- appinsights-instrumentationGuidance for instrumenting webapps with Azure Application Insights. Provides telemetry patterns, SDK setup, and configuration references.Jul 2026
- diagnosing-bugsDiagnosis loop for hard bugs and performance regressions. Use when the user says "diagnose"/"debug this", or reports something broken/throwing/failing/slow.Jul 2026
- systematic-debuggingUse when encountering any bug, test failure, or unexpected behavior, before proposing fixesJul 2026
- safe-debugRigor Debug / Rigor Audit skill for deep learning research work.Jul 2026
- golang-error-handlingIdiomatic Golang error handling — creation, wrapping with %w, errors.Is/As, errors.Join, custom error types, sentinel errors, panic/recover, the single…Jul 2026
