Debug Optimize Lcp
Helps with debugging, optimization as part of testing, debugging, and quality assurance workflows.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add debug-optimize-lcp npx -- -y @trustedskills/debug-optimize-lcp
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"debug-optimize-lcp": {
"command": "npx",
"args": [
"-y",
"@trustedskills/debug-optimize-lcp"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill enables AI agents to analyze and optimize Largest Contentful Paint (LCP) metrics directly within Chrome DevTools. It helps identify specific rendering bottlenecks that delay the loading of a page's most significant element, allowing for targeted performance improvements.
When to use it
- Diagnosing why a hero image or main video fails to load quickly on mobile devices.
- Tuning resource hints and preloading strategies to ensure critical content appears first.
- Validating the impact of CSS/JS optimizations on core web vitals before deployment.
- Investigating network latency issues affecting the primary content delivery path.
Key capabilities
- Accesses real-time LCP metrics from Chrome DevTools performance traces.
- Identifies specific resources or rendering steps causing delays.
- Provides actionable insights to reduce time-to-interactive for critical content.
Example prompts
- "Analyze the current page's LCP score and tell me which resource is blocking it."
- "Optimize the Largest Contentful Paint by suggesting changes to the network requests."
- "Run a performance audit focusing solely on improving the main image load time."
Tips & gotchas
Ensure the target website is fully loaded before invoking this skill, as LCP metrics require a complete render cycle. This tool relies on Chrome DevTools infrastructure, so it is most effective when used in environments where Chrome debugging protocols are accessible.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.