Core Web Vitals
ListedAnalyzes webpage performance metrics (LCP, FID, CLS) to identify and suggest frontend optimization improvements.
Install on your platform
core-web-vitals. kimny1143/claude-code-template is deleted or private, so it cannot be installed from.We check each listing against its upstream repository with the rules the skills CLI uses, last on 2026-10-22. We don't show a command we know will fail.
What we know about this skill
Publisher
kimny1143
Taken from the source listing. We haven't verified who controls this account.
Install target
Live repository
Not pinned. Installing fetches whatever the repository holds at the time you run the command.
Automated safety checks
We could not read this skill's source, so none of the checks below were run.
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.