Web Performance Auditor
Analyzes web performance and Core Web Vitals using Chrome DevTools to identify and resolve site speed bottlenecks.
The Web Performance Auditor skill empowers Claude to conduct comprehensive performance traces and technical audits of web applications via the Chrome DevTools MCP. It captures precise metrics for Core Web Vitals such as Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Total Blocking Time (TBT), while mapping network dependency chains and identifying render-blocking resources. Whether you are debugging layout shifts or optimizing a complex build pipeline, this skill provides the diagnostic data and actionable recommendations needed to achieve high Lighthouse scores and a seamless user experience.
Características Principales
01Identification of render-blocking JavaScript and CSS resources
02High-level accessibility snapshots and contrast ratio checks
03Deep codebase analysis for framework-specific optimizations (Vite, Next.js, Webpack)
04Core Web Vitals measurement including LCP, CLS, TBT, and Speed Index
05Detailed network request and dependency chain analysis
061,449 GitHub stars
Casos de Uso
01Debugging layout shifts and unstable UI elements to improve CLS scores
02Optimizing site speed and Lighthouse metrics for better SEO rankings
03Identifying and pruning bloated JavaScript bundles or unused CSS