webperf-core-web-vitals
๐ฏSkillfrom nucliweb/webperf-snippets
|Provides 7 JavaScript snippets for measuring Core Web Vitals (LCP, CLS, INP) with detailed breakdowns, usable both in browser DevTools and as agent skills for automated performance analysis with AI coding assistants.
Same repository
nucliweb/webperf-snippets(6 items)
Installation
npx vibeindex add nucliweb/webperf-snippets --skill webperf-core-web-vitalsnpx skills add nucliweb/webperf-snippets --skill webperf-core-web-vitals~/.claude/skills/webperf-core-web-vitals/SKILL.mdSKILL.md
More from this repository5
A collection of 49 JavaScript snippets for measuring and debugging web performance in Chrome DevTools, covering Core Web Vitals (LCP, CLS, INP), loading metrics (TTFB, FCP), interaction performance, media auditing, and network quality.
A loading performance analysis skill that provides JavaScript snippets for measuring TTFB, FCP, render-blocking resources, script performance, font optimization, and resource hints in Chrome DevTools. It includes automated decision trees and multi-phase audit workflows for comprehensive loading performance investigation.
A web performance analysis skill for debugging interaction responsiveness and animation performance, featuring automated workflows for INP deep dives, scroll jank investigation, main thread blocking analysis, and decision trees that chain Chrome DevTools snippets based on detected issues.
A web performance skill providing JavaScript snippets for media optimization in Chrome DevTools, covering image audits, video performance, and SVG embedded bitmap detection. It includes automated decision trees that detect LCP images, identify layout shift risks, flag lazy loading issues, and provide format recommendations with performance budget thresholds.
A curated collection of JavaScript snippets for measuring and debugging web performance directly in the browser DevTools console, covering Core Web Vitals (LCP, CLS, INP), loading metrics, interaction analysis, and media audits.