Setup & Installation
npx skills add https://github.com/cloudflare/skills --skill web-perf
https://github.com/cloudflare/skills/tree/main/skills/web-perf
View on GitHubWhat 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
- Diagnosing why LCP is above 4s on a landing page
- Tracing which CSS or JS files are blocking first paint
- Finding images missing width/height attributes that cause layout shifts
- Checking cache headers and compression on static assets
- Auditing a Next.js or Vite app's bundle for unused code and oversized polyfills