This gets you running Lighthouse audits from the CLI or Node API and shows you how to actually parse the results. You'll want this when you need to measure performance scores, set up performance budgets with thresholds for resource sizes and Core Web Vitals, or integrate audits into CI with GitHub Actions. The Node API examples are straightforward for programmatic access, and the budget.json setup lets you enforce hard limits on script sizes, LCP, and CLS. It includes a comparison script for baseline vs PR reports, which is handy for catching regressions. If you're trying to fix specific performance problems rather than just measure them, you'll want perf-web-optimization instead.

skills.sh installs
332
GitHub stars
7.2K
last updated
Aug 21, 2026

Install

$ npx -y skills add tech-leads-club/agent-skills --skill perf-lighthouse --agent claude-code

Installs into .claude/skills of the current project.

Files

Lighthouse Audits

CLI Quick Start

# Install
npm install -g lighthouse

# Basic audit
lighthouse https://example.com

# Mobile performance only (faster)
lighthouse https://example.com --preset=perf --form-factor=mobile

# Output JSON for parsing
lighthouse https://example.com --output=json --output-path=./report.json

# Output HTML report
lighthouse https://example.com --output=html --output-path=./report.html

Common Flags

--preset=perf           # Performance only (skip accessibility, SEO, etc.)
--form-factor=mobile    # Mobile device emulation (default)
--form-factor=desktop   # Desktop
--throttling-method=devtools  # More accurate throttling
--only-categories=performance,accessibility  # Specific categories
--chrome-flags="--headless"   # Headless Chrome

Performance Budgets

Create budget.json:

Sponsors

Details

Repository
github.com/tech-leads-club/agent-skills
Categories
Frontend Development, Backend & APIs, AI & Agent Building, Debugging, Marketing & SEO, CLI & Terminal
First seen
Jun 3, 2026

More from tech-leads-club/agent-skills

All 22
1dirien avatarpulumi-typescriptdirien/claude-skillsScaffolds Pulumi TypeScript infrastructure-as-code projects, writes IaC code with proper resource configuration, manages Pulumi ESC environments for centralized329skills.sh installs
2wix avatarwds-docswix/skillsWix Design System component reference. Use when building UI with @wix/design-system, choosing components, or checking props and examples. Triggers on "what comp329skills.sh installs
3johnlindquist avatarraycast-extensionjohnlindquist/claudeBuild Raycast extensions with React and TypeScript. Use when the user asks to create a Raycast extension, command, or tool.328skills.sh installs
4jezweb avatarazure-authjezweb/claude-skillsMicrosoft Entra ID (Azure AD) authentication for React SPAs with MSAL.js and Cloudflare Workers JWT validation using jose library. Full-stack pattern with Autho327skills.sh installs
5thedivergentai avatargodot-compositionthedivergentai/gd-agentic-skillsExpert architectural standards for building scalable Godot GAMES (RPGs, Platformers, Shooters) using the Composition pattern (Entity-Component). Use when design326skills.sh installs
6glebis avatarpresentation-generatorglebis/claude-skillsGenerate interactive HTML presentations with neobrutalism styling, ASCII art decorations, and Agency brand colors. Outputs HTML (interactive with navigation), P325skills.sh installs