Measure Core Web Vitals and detect performance budget violations.
npx skills add https://github.com/aroido/vibesmith --skill web-vitals-monitoring
Please help me install this Agent Skill. Skill: web-vitals-monitoring Source: https://github.com/aroido/vibesmith/tree/main/.codex/skills/web-vitals-monitoring Command: npx skills add https://github.com/aroido/vibesmith --skill web-vitals-monitoring
This Skill automatically measures Core Web Vitals to ensure optimal user experience and alerts you when performance budgets are exceeded, preventing performance degradation.
Run the web-vitals-monitoring skill to analyze the current feature's performance.
High-intent search queries and answers about installing and using this skill.
You can monitor Core Web Vitals in CI/CD by integrating automated performance checks that measure LCP, INP, and CLS during builds. This skill automates that process, tracking metrics and alerting you when performance budgets are exceeded.
Core Web Vitals consist of LCP, INP, and CLS metrics that quantify loading speed, interactivity, and visual stability for web applications. Tracking them ensures optimal user experience and helps identify performance bottlenecks.
Yes, you can automatically fix render-blocking resources and oversized images. This skill detects common bottlenecks in images, fonts, and render-blocking resources, then attempts automated fixes to resolve the optimization issues.
You set performance budgets for LCP, INP, and CLS by defining specific thresholds. This skill enforces these limits and alerts you when the measured Core Web Vitals exceed your configured performance budgets.
The best way to prevent performance regressions is integrating automated Core Web Vitals monitoring into your CI/CD pipeline. This skill catches and fixes issues like render-blocking resources before code reaches production.
Your web application has a high LCP or poor INP score due to bottlenecks like oversized images, unoptimized fonts, and render-blocking resources. This skill detects these issues and attempts automated fixes.
JordiNodeJSOptimize Next.js 16 performance by targeting Core Web Vitals and caching.
baskarajatiMeasure Core Web Vitals and identify render-blocking resources via Chrome DevTools MCP.
Kushal9889Monitor canary deployments for errors, performance regressions, and page failures.
dhruvinrsoniAnalyze CPU and memory profiles and distributed traces to identify performance bottlenecks.
