Skills
.Work. You
Rest

web-vitals-monitoring

Official

Monitor and optimize Core Web Vitals.

Software Engineering#ci/cd#web vitals#optimization#core web vitals#performance monitoring#lcp#inp#cls
Authoraroido
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automatically measures Core Web Vitals to ensure optimal user experience and alerts you when performance budgets are exceeded, preventing performance degradation.

Core Features & Use Cases

  • Automatic Measurement: Continuously tracks LCP, INP, and CLS in real-time.
  • Performance Budgeting: Sets and enforces performance thresholds to maintain speed.
  • Issue Detection & Auto-Fix: Identifies common performance bottlenecks (e.g., oversized images, render-blocking resources) and attempts to automatically fix them.
  • Use Case: Integrate this skill into your CI/CD pipeline to automatically catch and fix performance regressions before they reach production, ensuring a consistently fast user experience.

Quick Start

Run the web-vitals-monitoring skill to analyze the current feature's performance.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: web-vitals-monitoring
Download link: https://github.com/aroido/vibesmith/archive/main.zip#web-vitals-monitoring

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 223,000+ vetted skills library on demand.