·debug-optimize-lcp
</>

debug-optimize-lcp

✓
chromedevtools/chrome-devtools-mcpGitHub: chromedevtools/chrome-devtools-mcpFuente: chromedevtools/chrome-devtools-mcp

Guías de depuración y optimización de Largest Contentful Paint (LCP) utilizando las herramientas MCP de Chrome DevTools. Utilice esta habilidad siempre que el usuario pregunte sobre el rendimiento de LCP, la carga lenta de la página, la optimización de Core Web Vitals o quiera comprender por qué el contenido principal de su página tarda demasiado en aparecer. Úselo también cuando el usuario mencione "pintura de contenido más grande", "velocidad de carga de la página", "CWV" o quiera mejorar la velocidad de visualización de su imagen principal o contenido principal.

chromedevtools·debug·optimize·lcp
71Instalaciones·7Tendencia·@chromedevtools

Instalación

GitHub: chromedevtools/chrome-devtools-mcp
$npx skills add https://github.com/chromedevtools/chrome-devtools-mcp --skill debug-optimize-lcp

Cómo instalar debug-optimize-lcp

Instala rápidamente el skill de IA debug-optimize-lcp en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/chromedevtools/chrome-devtools-mcp --skill debug-optimize-lcp
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: chromedevtools/chrome-devtools-mcp.

SKILL.md

Ver original

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.

LCP is a Core Web Vital that directly affects user experience and search ranking. On 73% of mobile pages, the LCP element is an image.

Every page's LCP breaks down into four sequential subparts with no gaps or overlaps. Understanding which subpart is the bottleneck is the key to effective optimization.

Guías de depuración y optimización de Largest Contentful Paint (LCP) utilizando las herramientas MCP de Chrome DevTools. Utilice esta habilidad siempre que el usuario pregunte sobre el rendimiento de LCP, la carga lenta de la página, la optimización de Core Web Vitals o quiera comprender por qué el contenido principal de su página tarda demasiado en aparecer. Úselo también cuando el usuario mencione "pintura de contenido más grande", "velocidad de carga de la página", "CWV" o quiera mejorar la velocidad de visualización de su imagen principal o contenido principal. Fuente: chromedevtools/chrome-devtools-mcp.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/chromedevtools/chrome-devtools-mcp --skill debug-optimize-lcp
Fuente
chromedevtools/chrome-devtools-mcp
Categoría
</>Desarrollo
Verificado
✓
Primera vez visto
2026-02-25
Actualizado
2026-03-10
URL
https://www.learn-skills.dev/es/skills/chromedevtools/chrome-devtools-mcp/debug-optimize-lcp

Browse more skills from chromedevtools/chrome-devtools-mcp

Respuestas rápidas

¿Qué es debug-optimize-lcp?

Guías de depuración y optimización de Largest Contentful Paint (LCP) utilizando las herramientas MCP de Chrome DevTools. Utilice esta habilidad siempre que el usuario pregunte sobre el rendimiento de LCP, la carga lenta de la página, la optimización de Core Web Vitals o quiera comprender por qué el contenido principal de su página tarda demasiado en aparecer. Úselo también cuando el usuario mencione "pintura de contenido más grande", "velocidad de carga de la página", "CWV" o quiera mejorar la velocidad de visualización de su imagen principal o contenido principal. Fuente: chromedevtools/chrome-devtools-mcp.

¿Cómo instalo debug-optimize-lcp?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/chromedevtools/chrome-devtools-mcp --skill debug-optimize-lcp Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/chromedevtools/chrome-devtools-mcp

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-02-25

Skills Relacionados

chrome-devtools
891 Instalaciones
a11y-debugging
79 Instalaciones
troubleshooting
26 Instalaciones