Skills
.Work. You
Rest

webperf-core-web-vitals

Community

Guided Core Web Vitals analysis and workflows.

Data & Analytics#workflows#chrome-devtools#web-performance#core-web-vitals#lcp#inp#cls
AuthorYeomanYe
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Automates Core Web Vitals analysis and guided debugging workflows to reduce manual CWV audits, helping teams quickly identify where LCP, CLS, or INP bottlenecks occur and how to address them.

Core Features & Use Cases

  • Automated measurement of LCP, CLS, and INP with decision-tree guidance for follow-up analyses.
  • LCP deep-dive workflow spanning five phases to isolate delay sources.
  • CLS investigation that differentiates layout shifts due to loading versus user interaction.
  • INP debugging with latency breakdown and attribution to user interactions.
  • Cross-skill integration with loading, interaction, and media skills; Chrome DevTools MCP compatibility.

Quick Start

Launch the webperf-core-web-vitals skill to start an automated CWV analysis and follow the guided workflow.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: webperf-core-web-vitals
Download link: https://github.com/YeomanYe/skills/archive/main.zip#webperf-core-web-vitals

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.