Core Web Vitals
Analyzes webpage performance metrics (LCP, FID, CLS) to identify and suggest frontend optimization improvements.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add kimny1143-core-web-vitals npx -- -y @trustedskills/kimny1143-core-web-vitals
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"kimny1143-core-web-vitals": {
"command": "npx",
"args": [
"-y",
"@trustedskills/kimny1143-core-web-vitals"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
The core-web-vitals skill enables AI agents to analyze and optimize website performance metrics directly within codebases. It focuses on identifying bottlenecks in loading speed, interactivity, and visual stability to ensure a smooth user experience.
When to use it
- Diagnosing why a specific page fails Google's Core Web Vitals thresholds.
- Automating the generation of Lighthouse reports during the CI/CD pipeline.
- Optimizing critical rendering paths for mobile-first web applications.
- Refactoring legacy code to improve First Contentful Paint (FCP) and Largest Contentful Paint (LCP).
Key capabilities
- Analyzes specific Core Web Vitals metrics including LCP, FID/INP, and CLS.
- Generates actionable recommendations for performance improvements.
- Integrates directly with frontend development workflows to audit code quality.
- Provides insights into resource loading strategies and rendering efficiency.
Example prompts
- "Audit my React application's main landing page and suggest changes to improve its Largest Contentful Paint score."
- "Identify layout shifts causing poor Cumulative Layout Shift scores in my e-commerce site and provide code fixes."
- "Generate a performance report for this HTML bundle focusing on reducing First Input Delay."
Tips & gotchas
Ensure your development environment includes the necessary testing libraries, as the skill relies on accurate metric calculation. While it provides strong recommendations, complex rendering issues may require manual verification in production environments to confirm fixes.
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.