← ClaudeAtlas

analytics-web-vitalslisted

Use when you want to measure real-user performance (Core Web Vitals): measure and report Largest Contentful Paint, Interaction to Next Paint and Cumulative Layout Shift.
sarmakska/slipstream · ★ 1 · Web & Frontend · score 73
Install: claude install-skill sarmakska/slipstream
## Overview Measure and report Largest Contentful Paint, Interaction to Next Paint and Cumulative Layout Shift. ## Steps 1. Install `web-vitals` and report each metric to your analytics endpoint. 2. Sample in production only to keep the data clean. 3. Set budgets and alert when a metric regresses. ## Verify Typecheck the app and load it with web vitals enabled, confirming the three metrics are reported.