设计与多媒体

performance-and-web-vitals

Name: performance-and-web-vitals
Author: dembrandt

dembrandt/dembr…t-skills

Lighthouse audits and Core Web Vitals — LCP, CLS, INP. Use when optimising page load, layout shift, input delay, images, fonts or render-blocking resources.

1010 次安装
174 星标
收录于 2026.04.19

安装命令

$ npx skills add https://github.com/dembrandt/dembrandt-skills --skill performance-and-web-vitals

SKILL.md

Performance and Web Vitals

Run a Lighthouse Audit

# CLI audit — outputs JSON and HTML report
npx lighthouse https://example.com --output html --output-path ./lighthouse-report.html

# Headless, useful in CI
npx lighthouse https://example.com --chrome-flags="--headless" --output json --output-path ./report.json

# Audit specific categories only
npx lighthouse https://example.com --only-categories=performance,accessibility,seo

Or open Chrome DevTools → Lighthouse tab → Analyse page load.

SKILL.md

Performance and Web Vitals

Run a Lighthouse Audit

相关 Skills