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.
Install
npx skills add ChromeDevTools/chrome-devtools-mcp --skill debug-optimize-lcpnpx skills add ChromeDevTools/chrome-devtools-mcp --skill debug-optimize-lcp -a claude-code -gnpx skills add ChromeDevTools/chrome-devtools-mcp --skill debug-optimize-lcp -a codex -ggemini skills install https://github.com/ChromeDevTools/chrome-devtools-mcp.git --path skills/debug-optimize-lcpgh skill install ChromeDevTools/chrome-devtools-mcp debug-optimize-lcpgit clone --depth 1 https://github.com/ChromeDevTools/chrome-devtools-mcp /tmp/ChromeDevTools__chrome-devtools-mcp
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/ChromeDevTools__chrome-devtools-mcp/skills/debug-optimize-lcp ~/.claude/skills/debug-optimize-lcp # Claude Code
cp -R /tmp/ChromeDevTools__chrome-devtools-mcp/skills/debug-optimize-lcp ~/.agents/skills/debug-optimize-lcp # Codex, Cursor, Gemini CLI, Copilot, OpenCode