skills.rest
kimny1143
kimny1143COMMUNITY
Explore all skills by this author →
GitHub

core-web-vitals

Measure Core Web Vitals with Lighthouse CLI across desktop and mobile.

Updated Aug 27, 2026
Search Tags:#performance#frontend#optimization#lighthouse#web-vitals#core-web-vitals#bundle-analyzer
One-click install
npx skills add https://github.com/kimny1143/claude-code-template --skill core-web-vitals-kimny1143
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: core-web-vitals
Source: https://github.com/kimny1143/claude-code-template/tree/main/.claude/skills/core-web-vitals
Command: npx skills add https://github.com/kimny1143/claude-code-template --skill core-web-vitals-kimny1143

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Measures and diagnoses Core Web Vitals to identify performance bottlenecks and guide optimization.

Core Features & Use Cases

  • Lighthouse-based measurement of LCP, FID/INP, CLS, FCP, and TTFB for desktop and mobile.
  • Bundle Analyzer integration to reveal bundle size and impact on perceived performance.
  • Practical use cases include diagnosing slow page loads, optimizing resource loading, and validating performance improvements after code changes.

Quick Start

Run Lighthouse on your URL to measure Core Web Vitals and begin targeted optimizations.

Frequently Asked Questions about core-web-vitals

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

FAQPage Schema
How do I measure Core Web Vitals to identify frontend performance bottlenecks?▼

Run Lighthouse CLI benchmarks on your web pages to measure Core Web Vitals like LCP, INP, CLS, FCP, and TTFB. This identifies frontend performance bottlenecks across desktop and mobile for targeted optimization.

What causes slow LCP and how can I optimize resource loading?▼

Slow LCP and resource loading bottlenecks are diagnosed by interpreting Lighthouse reports and integrating Bundle Analyzer to reveal bundle size impacts, guiding practical optimizations for modern web apps.

Does this Core Web Vitals measurement work for both desktop and mobile?▼

Yes, Core Web Vitals measurement supports both desktop and mobile environments. It runs Lighthouse benchmarks to evaluate page performance metrics including LCP, INP, and CLS across both platforms.

What is the best way to validate performance improvements after code changes?▼

Validate performance improvements after code changes by running Lighthouse benchmarks to measure Core Web Vitals, ensuring your frontend optimizations effectively reduce page load bottlenecks.

Do I need Lighthouse CLI and Bundle Analyzer to diagnose web vitals bottlenecks?▼

Yes, you need Lighthouse CLI and Bundle Analyzer to diagnose web vitals bottlenecks. These tools run benchmarks and analyze bundle sizes to provide actionable frontend optimization recommendations.

Related Skills

Explore More Software Engineering Skills→
DexploarerDexploarer
6

lighthouse-ci-integrator

Automate Lighthouse CI audits and enforce performance budgets in CI/CD pipelines.

Community
Intermediate
capaas2capaas2

performance-profiling

Identify web application performance bottlenecks using Lighthouse and Core Web Vitals.

Community
Intermediate
jholhewresjholhewres
3

bundler-analyze

Analyze JavaScript bundle sizes for Vite and Webpack projects.

Community
Basic
udsy19udsy19

performance-optimization

Measure and fix web application performance bottlenecks using Lighthouse and Core Web Vitals.

Community
Advanced