web-performance-audit
Measure and report the performance of a live web page with Chrome DevTools (CLI and MCP) and Lighthouse - field vs lab Core Web Vitals, LCP subparts, main-thread and third-party cost, payload budgets, INP per interaction and a heap-snapshot leak check - and deliver an agent-ready Markdown report plus an interactive HTML report in the project's docs/ folder. Use when asked to audit, measure or explain a site's speed, Lighthouse/PageSpeed score, Core Web Vitals, slow LCP/INP, heavy third-party tags or memory use, or to produce a performance report with prioritized fixes.
Pinned to revision 4a68476fa682, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/web-performance-audit/SKILL.md
- skills/web-performance-audit/LICENSE.txt
- skills/web-performance-audit/assets/report-client.js
- skills/web-performance-audit/assets/report-data.example.json
- skills/web-performance-audit/assets/report.css
- skills/web-performance-audit/references/methodology.md
- skills/web-performance-audit/references/report-structure.md
- skills/web-performance-audit/references/setup.md
- skills/web-performance-audit/scripts/lcp-candidates.init.js
- skills/web-performance-audit/scripts/render-html-report.mjs
- skills/web-performance-audit/scripts/run-lighthouse.mjs
- skills/web-performance-audit/scripts/summarize-lighthouse.mjs
Every link opens the file at its source, pinned to the revision this page describes.