Back to skills

web-perf

infrastructure

Audits web page performance using Chrome DevTools MCP. Measures Core Web Vitals (FCP, LCP, TBT, CLS, Speed Index), traces render-blocking resources, network dependency chains, layout shifts, and cachi

Setup & Installation

npx skills add https://github.com/cloudflare/web-perf --skill web-perf
or paste the link and ask your coding assistant to install it
https://github.com/cloudflare/web-perf
View on GitHub

What This Skill Does

Audits web page performance using Chrome DevTools MCP. Measures Core Web Vitals (FCP, LCP, TBT, CLS, Speed Index), traces render-blocking resources, network dependency chains, layout shifts, and caching problems. Also surfaces accessibility gaps from the same audit pass. Instead of manually running Lighthouse and cross-referencing DevTools traces, it automates the full audit loop — trace, vitals breakdown, network analysis, and codebase scan — in a single pass with prioritized, quantified findings.

When to use it

  • Working with web perf functionality
  • Implementing web perf features
  • Debugging web perf related issues