core-web-vitals

Optimize LCP, INP, and CLS metrics for web pages.

1|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/Matheusrlr/payment-orchestrator --skill core-web-vitals-matheusrlr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: core-web-vitals
Source: https://github.com/Matheusrlr/payment-orchestrator/tree/main/skills-catalog/skills/%28performance%29/core-web-vitals
Command: npx skills add https://github.com/Matheusrlr/payment-orchestrator --skill core-web-vitals-matheusrlr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses issues that negatively impact Core Web Vitals (LCP, INP, CLS), leading to poor user experience and lower search engine rankings.

Core Features & Use Cases

  • LCP Optimization: Identifies and resolves issues slowing down the Largest Contentful Paint.
  • INP Optimization: Improves interactivity by reducing main thread blocking and optimizing event handlers.
  • CLS Optimization: Prevents unexpected layout shifts, ensuring a stable visual experience.
  • Use Case: A user reports their website feels slow and janky. This Skill can be used to diagnose and fix the underlying performance bottlenecks affecting LCP, INP, and CLS.

Quick Start

Use the core-web-vitals skill to optimize the Largest Contentful Paint for the provided URL.

Frequently Asked Questions about core-web-vitals

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

FAQPage Schema
How do I optimize Core Web Vitals like LCP, INP, and CLS to improve page speed?

To optimize Core Web Vitals, you must reduce main thread blocking for INP, optimize resource loading for LCP, and reserve space for media to prevent CLS. This Skill diagnoses these specific performance bottlenecks to enhance user experience and search engine rankings.

Why does my website feel slow and janky during user interaction?

Your website feels slow and janky due to high main thread blocking affecting your INP score. This Skill identifies performance bottlenecks in event handlers and provides detailed guidance on reducing interactivity delays to improve overall page responsiveness.

What causes unexpected layout shifts and how do I fix them for visual stability?

Unexpected layout shifts causing poor CLS are typically caused by images or ads loading without defined dimensions. This Skill helps identify these visual stability issues and provides guidance on reserving space to ensure a stable visual experience.

How do I identify what is slowing down my Largest Contentful Paint?

A slow Largest Contentful Paint is often caused by render-blocking resources or large server response times. This Skill analyzes your web page loading sequence to identify and resolve issues slowing down LCP, directly improving page speed metrics.

What is the best way to improve search engine rankings through page speed optimization?

The best way to improve search rankings through page speed is to systematically target LCP, INP, and CLS metrics. This Skill provides detailed optimization guidance for these specific Core Web Vitals, ensuring your site meets modern performance standards.

Can I diagnose performance bottlenecks for a specific URL using this approach?

Yes, you can diagnose performance bottlenecks for a specific URL by analyzing its Core Web Vitals. The Skill evaluates the provided URL to identify loading, interactivity, and visual stability issues, offering detailed guidance to fix underlying bottlenecks.