debug-optimize-lcp

Use when auditing or optimizing Largest Contentful Paint with Chrome DevTools MCP: traces, element discovery, waterfalls, render blocking, and fix verification.

debug-optimize-lcp173 wordsCuratedinstall-now-after-trust-gate

debug-optimize-lcp

Use when auditing or optimizing Largest Contentful Paint with Chrome DevTools MCP: traces, element discovery, waterfalls, render blocking, and fix verification.

Quick Start

Install:

npx skills add github:ChromeDevTools/chrome-devtools-mcp@a90378adf3226e8b27a05cdcfdd801c199acaa93 --skill chrome-devtools --skill chrome-devtools-cli --skill a11y-debugging --skill debug-optimize-lcp --skill memory-leak-debugging --skill troubleshooting -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode

Use: /debug-optimize-lcp

Works with Claude Code, Gemini CLI, OpenCode, and other agentskills.io-compatible agents.

Targets verified harnesses: antigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode.

Portable multi-harness install command:

Terminal window
npx skills add github:ChromeDevTools/chrome-devtools-mcp@a90378adf3226e8b27a05cdcfdd801c199acaa93 --skill chrome-devtools --skill chrome-devtools-cli --skill a11y-debugging --skill debug-optimize-lcp --skill memory-leak-debugging --skill troubleshooting -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode

Trust tier: Curated (curated-trust-gated)

Curated status: install-now-after-trust-gate

Risk notes: Performance traces and network waterfalls can be large; keep artifacts local and outside version control.

Entry maintained in authoring SSOT docs/src/authoring/skills/debug-optimize-lcp.mdx and docs/public/generated-registries/skills-catalog-index.json; research context is advisory.

FieldValue
Source Typecurated-external
Display SourceChromeDevTools/chrome-devtools-mcp
Source Kindgithub
Installabilityportable command
Review Statecurated
Trust Tiercurated-trust-gated
Target Agentsantigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode
View Full SKILL.md
SKILL.md
---
name: "debug-optimize-lcp"
description: "Use when auditing or optimizing Largest Contentful Paint with Chrome DevTools MCP: traces, element discovery, waterfalls, render blocking, and fix verification. NOT for non-LCP performance work, generic browser automation, or SEO copy advice."
title: "Debug Optimize LCP"
source_kind: "curated-external"
source: "ChromeDevTools/chrome-devtools-mcp"
install_source: "ChromeDevTools/chrome-devtools-mcp"
status: "install-now-after-trust-gate"
trust_tier: "curated-trust-gated"
provenance_status: "verified-install-command"
install_command: "npx skills add github:ChromeDevTools/chrome-devtools-mcp@a90378adf3226e8b27a05cdcfdd801c199acaa93 --skill chrome-devtools --skill chrome-devtools-cli --skill a11y-debugging --skill debug-optimize-lcp --skill memory-leak-debugging --skill troubleshooting -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode"
sync_kind: "skills-cli"
target_agents: [antigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode]
source_url: "https://github.com/ChromeDevTools/chrome-devtools-mcp"
notes: "Official Google `debug-optimize-lcp` skill for LCP-focused performance traces, waterfalls, and verification via Chrome DevTools MCP."
risk_notes: "Performance traces and network waterfalls can be large; keep artifacts local and outside version control."
promotion_policy: "Install only after trust gate; audit again before repo promotion."
provenance_evidence: "Audited `npx skills add` command with named `--skill` selectors and commit pin in planning/manifests/external-skills/chrome-devtools-mcp.json."
---
Official Google `debug-optimize-lcp` skill (formerly repo-prefixed `chrome-devtools-debug-optimize-lcp`). Use for Largest Contentful Paint audits: traces, LCP element discovery, waterfalls, render-blocking analysis, and fix verification.
## Audit evidence
- **Source:** [ChromeDevTools/chrome-devtools-mcp](https://github.com/ChromeDevTools/chrome-devtools-mcp)
- **Pinned commit:** `a90378adf3226e8b27a05cdcfdd801c199acaa93`
- **License:** Apache-2.0
- **Author:** Google LLC
- **Package:** `chrome-devtools-mcp` 0.23.0 (per `planning/manifests/external-skills/chrome-devtools-mcp.json`)
- **Source-list evidence:** `npx skills add github:ChromeDevTools/chrome-devtools-mcp --list` lists upstream skill `debug-optimize-lcp`
## Dedupe
This curated install **replaces repo-vendored** `skills/chrome-devtools-debug-optimize-lcp/` copies. Upstream publishes the skill as `debug-optimize-lcp`; install the six-skill bundle once globally and drop prefixed repo trees after migration.
## Hooks, scripts, and credentials
Audited upstream skills at the pinned commit are guidance-only Markdown. **No hooks, bundled scripts, or credential requests** were identified in the skill bundle.
## Network access
Requires Chrome DevTools MCP performance trace tooling against target pages. Repo-managed MCP config disables usage statistics and update checks where applicable; CrUX may be disabled unless explicitly re-enabled.
## Artifact hygiene
Save performance traces, waterfalls, and screenshots to explicit paths outside version control. Do not commit trace archives or load raw trace JSON into conversation context.

Install / provenance (from authoring frontmatter + research):

FieldValue
install_commandnpx skills add github:ChromeDevTools/chrome-devtools-mcp@a90378adf3226e8b27a05cdcfdd801c199acaa93 --skill chrome-devtools --skill chrome-devtools-cli --skill a11y-debugging --skill debug-optimize-lcp --skill memory-leak-debugging --skill troubleshooting -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode
sourceChromeDevTools/chrome-devtools-mcp
source_urlhttps://github.com/ChromeDevTools/chrome-devtools-mcp
trust_tiercurated-trust-gated
curated_statusinstall-now-after-trust-gate
target_agentsantigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode