skills.rest
wilfoz
wilfozCOMMUNITY
Explore all skills by this author →
GitHub

core-web-vitals

Analyze and improve LCP, INP, and CLS metrics for website performance.

Updated May 6, 2026
Search Tags:#optimization#web performance#web-vitals#lcp#inp#cls
One-click install
npx skills add https://github.com/wilfoz/plan_game --skill core-web-vitals-wilfoz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: core-web-vitals
Source: https://github.com/wilfoz/plan_game/tree/main/.claude/skills/core-web-vitals
Command: npx skills add https://github.com/wilfoz/plan_game --skill core-web-vitals-wilfoz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenges of improving website performance by focusing on Core Web Vitals metrics, ultimately enhancing user experience and search rankings.

Core Features & Use Cases

  • Metrics Analysis: Guides the identification and measurement of LCP, INP, and CLS issues.
  • Technical Optimization Recommendations: Provides best practices to address slow server response, resource load delays, layout shifts, and interaction responsiveness.
  • Use Case: When a website’s pages load slowly or shift unexpectedly, this Skill offers technical insights and step-by-step solutions to resolve these issues effectively.

Quick Start

Use the core-web-vitals skill to analyze the performance metrics of your webpage and get specific tips for improvement.

Frequently Asked Questions about core-web-vitals

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I improve my website's Core Web Vitals for better search rankings?▼

To improve Core Web Vitals, you must analyze LCP, INP, and CLS metrics to pinpoint slow server response times, resource load delays, and layout shifts, then apply targeted technical optimization best practices to enhance user experience and search rankings.

What is causing my webpage layout to shift unexpectedly and how do I fix it?▼

Unexpected webpage layout shifts are measured by the CLS metric. You can fix Cumulative Layout Shift issues by following technical optimization recommendations that address resource load delays and unstable visual elements to stabilize the page rendering experience.

How do I measure LCP, INP, and CLS issues using Chrome DevTools and Lighthouse?▼

Measure LCP, INP, and CLS issues by utilizing web performance tools like Chrome DevTools and Lighthouse to analyze your webpage, identify slow server responses and interaction delays, and guide your technical optimization strategy effectively.

What's the best way to optimize interaction responsiveness for web performance?▼

Optimize interaction responsiveness by measuring the INP metric to identify input delay bottlenecks, then applying technical best practices to resolve slow server responses and resource load delays that block user interactions.

Do I need web development experience to fix slow server response times?▼

Yes, fixing slow server response times requires an understanding of web performance best practices and tools like Chrome DevTools and Lighthouse to properly diagnose and apply technical optimization recommendations for your website's metrics.

Related Skills

Explore More Content & Communication Skills→
Insik-HanInsik-Han
16

web-perf

Analyzes web performance metrics and generates actionable improvement recommendations via ChromeDevTools MCP and Lighthouse scoring.

Community
Advanced
microlinkhqmicrolinkhq
142

optimize

Diagnose and fix web performance bottlenecks using Core Web Vitals and bundle-size metrics.

Official
Intermediate
idiaz01idiaz01
3

benchmark

Compare browser metrics, API latency, and build times against stored baselines.

Community
Intermediate
KozmosaKozmosa

web-perf

Analyze web performance metrics and identify optimization opportunities for page load speed.

Community
Advanced