skills.rest
LuisSambrano
LuisSambranoCOMMUNITY
Explore all skills by this author →
𝕏@luissambrano_uxGitHub

core-web-vitals

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

7|2|Updated Jan 28, 2026
Search Tags:#optimization#web performance#core web vitals#LCP#CLS#INP#page speed
One-click install
npx skills add https://github.com/LuisSambrano/antigravity-config --skill core-web-vitals-luissambrano
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: core-web-vitals
Source: https://github.com/LuisSambrano/antigravity-config/tree/main/skills/3-web/wq-cwv
Command: npx skills add https://github.com/LuisSambrano/antigravity-config --skill core-web-vitals-luissambrano

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the critical need to optimize Core Web Vitals (LCP, INP, CLS), directly impacting user experience, search engine rankings, and overall website performance.

Core Features & Use Cases

  • LCP Optimization: Identifies and resolves issues slowing down the Largest Contentful Paint.
  • INP Optimization: Improves Interactivity to Next Paint by reducing main thread blocking and optimizing event handlers.
  • CLS Optimization: Minimizes Cumulative Layout Shifts caused by dynamic content, ads, and font loading.
  • Use Case: A website owner notices a drop in search rankings and high bounce rates. They use this skill to diagnose and fix LCP, INP, and CLS issues, leading to a faster, more stable, and user-friendly website.

Quick Start

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

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 to improve my page speed and search rankings?▼

Optimize Core Web Vitals by resolving slow server response times, render-blocking resources, and long tasks to improve page speed, user experience, and search engine rankings.

What causes a poor Largest Contentful Paint score and how can I fix it?▼

A poor Largest Contentful Paint score is caused by slow server response times and render-blocking resources. Fix LCP by optimizing server infrastructure and deferring non-critical assets.

How do I reduce Cumulative Layout Shifts caused by dynamic content and ads?▼

Reduce Cumulative Layout Shifts by reserving space for images and ads, and optimizing font loading to prevent dynamic content from shifting the page layout unexpectedly.

What is the best way to improve Interactivity to Next Paint for web pages?▼

Improve Interactivity to Next Paint by reducing main thread blocking and optimizing event handlers to ensure the page responds quickly to user interactions.

Can I get actionable debugging guidance for fixing INP and CLS issues?▼

Yes, you can get actionable checklists and debugging guidance to systematically identify and resolve INP and CLS issues on your web pages.

Why does my website experience layout shifts from font loading and how do I prevent it?▼

Websites experience layout shifts from font loading when text renders differently before and after fonts load. Prevent this by optimizing font loading strategies and reserving space.

Related Skills

Explore More Software Engineering Skills→
Insik-HanInsik-Han
16

web-perf

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

Community
Advanced
kennyolofsson23-netizenkennyolofsson23-netizen

core-web-vitals

Audit web pages and generate optimization checklists for LCP, INP, and CLS.

Community
Intermediate
pixels-and-codepixels-and-code

Core Web Vitals optimisation

Optimize LCP, INP, and CLS metrics with targeted code examples.

Official
Advanced
smarmen86smarmen86

benchmark

Detects performance regressions by measuring page loads, Core Web Vitals, and resource sizes.

Community
Advanced