mcpField
L
lighthouse-audit

lighthouse-audit

github.com/guia-matthieuTesting & quality150247 installsUpdated 4w ago
Repository

About lighthouse-audit

lighthouse-audit is a command-line skill for running Google Lighthouse audits and reviewing results across URLs. It supports performance, SEO, accessibility, best-practices, and PWA checks, with batch runs, comparisons, history, and several report formats.

Key features

  1. 01Run Lighthouse audits for URLs
  2. 02Audit performance, SEO, and accessibility
  3. 03Batch audit URL lists
  4. 04Compare results with a baseline
  5. 05Track scores over time
  6. 06Export JSON, CSV, HTML, or Markdown

Use cases

  1. 01Check Core Web Vitals before and after changes
  2. 02Review technical SEO across site pages
  3. 03Generate an HTML client report
  4. 04Track audit scores for a website

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/guia-matthieu/clawfu-skills --skill lighthouse-audit

After installing, type/lighthouse-auditin Claude Code to confirm it loaded.

Bundled filesscripts/main.pyscripts/requirements.txt

Details

From the project README

Lighthouse Audit

Automate Google Lighthouse audits to measure and track Core Web Vitals, SEO, and accessibility - the same metrics Google uses for search ranking.

When to Use This Skill

  • Performance optimization - Measure LCP, FID, CLS before and after changes
  • SEO audits - Check technical SEO issues (meta tags, structured data, etc.)
  • Accessibility checks - Identify a11y issues for compliance
  • Client reporting - Generate professional performance reports
  • Monitoring - Track scores over time across multiple pages

What Claude Does vs What You Decide

Claude DoesYou Decide
Structures analysis frameworksMetric definitions
Identifies patterns in dataBusiness interpretation
Creates visualization templatesDashboard design
Suggests optimization areasAction priorities
Calculates statistical measuresDecision thresholds

Dependencies

pip install click pandas jinja2
# Also requires Chrome and Lighthouse CLI
# npm install -g lighthouse
# Or use Chrome DevTools built-in Lighthouse

Commands

Single URL Audit
python scripts/main.py audit https://example.com --categories performance,seo
python scripts/main.py audit https://example.com --format html --output report.html
Batch Audit
python scripts/main.py batch urls.txt --output results/
python scripts/main.py batch urls.txt --categories performance --format csv
Compare Before/After
python scripts/main.py compare https://example.com --baseline scores.json
python scripts/main.py compare https://example.com --baseline-url https://staging.example.com
Monitor Over Time
python scripts/main.py history https://example.com --days 30
python scripts/main.py history https://example.com --plot

Examples

Example 1: Full Site Performance Audit
# Create URL list
cat > urls.txt << EOF
https://example.com/
https://example.com/pricing
https://example.com/features
https://example.com/blog
EOF

# Run batch audit
python scripts/main.py batch urls.txt --categories performance,seo,accessibility

# Output: results/audit_2024-01-15/
# ├── example.com_.json
# ├── example.com_pricing.json
# ├── example.com_features.json
# ├── example.com_blog.json
# └── summary.csv
Example 2: Before/After Comparison
# Save baseline
python scripts/main.py audit https://example.com --output baseline.json

# Make optimizations...

# Compare
python scripts/main.py compare https://example.com --baseline baseline.json

# Output:
# Core Web Vitals Comparison
# ─────────────────────────────
# Metric         Before    After    Change
# LCP            3.2s      1.8s     -44% ✓
# FID            120ms     45ms     -63% ✓
# CLS            0.25      0.08     -68% ✓
# Performance    52        89       +37 pts
Example 3: Generate Client Report
# Full audit with HTML report
python scripts/main.py audit https://client-site.com \
  --format html \
  --output client-report.html \
  --include-screenshots

# Output: Professional HTML report with:
# - Executive summary
# - Core Web Vitals scores
# - Screenshots of issues
# - Prioritized recommendations

Audit Categories

CategoryChecksImpact
performanceLCP, FID, CLS, TTFB, Speed IndexSearch ranking
seoMeta tags, headings, links, mobileSearch visibility
accessibilityWCAG compliance, contrast, labelsCompliance
best-practicesHTTPS, security, modern APIsTrust
pwaService worker, manifest, offlineApp-like experience

Core Web Vitals Thresholds

MetricGoodNeeds ImprovementPoor
LCP (Largest Contentful Paint)≤2.5s2.5s-4.0s>4.0s
FID (First Input Delay)≤100ms100ms-300ms>300ms
CLS (Cumulative Layout Shift)≤0.10.1-0.25>0.25
INP (Interaction to Next Paint)≤200ms200ms-500ms>500ms

Output Formats

FormatUse CaseContent
jsonAutomation, storageFull raw data
csvSpreadsheets, analysisSummary scores
htmlClient reportsVisual report
mdDocumentationMarkdown summary

Skill Boundaries

What This Skill Does Well
  • Structuring data analysis
  • Identifying patterns and trends
  • Creating visualization frameworks
  • Calculating statistical measures
What This Skill Cannot Do
  • Access your actual data
  • Replace statistical expertise
  • Make business decisions
  • Guarantee prediction accuracy

Related Skills

Skill Metadata

  • Mode: centaur
category: seo-tools
subcategory: performance
dependencies: [lighthouse, click, pandas]
difficulty: beginner
time_saved: 3+ hours/week

Comments

Markdown supported