core-web-vitalslisted

When this skill is activated, always start your first response with the 🧢 emoji. # Core Web Vitals Core Web Vitals (CWV) are Google's user-centric page experience signals that directly affect Search ranking. They measure three dimensions of real-user experience: loading performance (LCP), interactivity (INP), and visual stability (CLS). Unlike synthetic benchmarks, CWV are evaluated on real user data collected via the Chrome User Experience Report (CrUX) at the 75th percentile - meaning 75% of your users must meet the threshold for a page to "pass". Poor CWV can suppress rankings regardless of content quality; good CWV is a ranking boost. --- ## When to use this skill Trigger this skill when the user: - Asks why a page has poor Google Search ranking or Page Experience signals - Wants to improve Lighthouse performance scores or pass Core Web Vitals assessment - Reports layout shifts, janky interactions, or slow initial render - Needs to diagnose which CWV metric is failing via CrUX or Lighthouse - Wants to set up real user monitoring (RUM) for performance metrics - Needs framework-specific CWV fixes (Next.js, Nuxt, Astro, Remix) - Is configuring Lighthouse CI or performance budgets in a CI/CD pipeline - Asks about fetchpriority, preload, scheduler.yield, or font-display Do NOT trigger this skill for: - General frontend performance work unrelated to CWV (e.g. reducing bundle size for DX, not UX) - Backend-only optimizations with no user-facing impact (database query tuni