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.
Pinned to revision 88cdd9bfcdd2, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/debug-optimize-lcp/SKILL.md
- skills/debug-optimize-lcp/references/elements-and-size.md
- skills/debug-optimize-lcp/references/lcp-breakdown.md
- skills/debug-optimize-lcp/references/lcp-snippets.md
- skills/debug-optimize-lcp/references/optimization-strategies.md
Every link opens the file at its source, pinned to the revision this page describes.