Skills
.Work. You
Rest

debug-optimize-lcp

Community

Tune LCP performance with Chrome DevTools MCP.

Software Engineering#performance#debugging#chrome-devtools#web-vitals#lcp#lcp-snippets
Authorcalvingit
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps diagnose and optimize Largest Contentful Paint (LCP) performance for web pages using Chrome DevTools MCP tooling.

Core Features & Use Cases

  • Identify bottlenecks such as TTFB, resource load delay, and render delay.
  • Provide actionable MCP-driven fixes to improve LCP and CWV metrics.
  • Support scenarios including slow page loads, hero image latency, and content rendering delays.

Quick Start

Identify LCP bottlenecks and apply MCP-based fixes to improve render performance.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: debug-optimize-lcp
Download link: https://github.com/calvingit/skills/archive/main.zip#debug-optimize-lcp

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.