visual-qa-lighthouse

Audit production web apps with Lighthouse CLI and generate JSON performance reports.

3|Updated Jan 31, 2026
One-click install
npx skills add https://github.com/gwpjp/Web3-Claude --skill visual-qa-lighthouse
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-qa-lighthouse
Source: https://github.com/gwpjp/Web3-Claude/tree/main/.claude/skills/visual-qa-lighthouse
Command: npx skills add https://github.com/gwpjp/Web3-Claude --skill visual-qa-lighthouse

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Lighthouse audits provide objective performance data and actionable optimization opportunities for web applications by running the Lighthouse CLI against a running app to measure Core Web Vitals and related metrics.

Core Features & Use Cases

  • Automated Performance Audits: Run Lighthouse against a live app to generate standardized performance reports.
  • CWV & Performance Metrics: Capture FCP, LCP, TBT, CLS, and Speed Index with clear recommendations.
  • Use Case: Before releasing a web product, audit multiple pages to ensure performance budgets are met and identify the top optimization tasks.

Quick Start

Build production bundle, start the preview server, and run Lighthouse against http://localhost:4173 to generate a JSON report. Then review the report to identify opportunities.

Frequently Asked Questions about visual-qa-lighthouse

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate Lighthouse audits for Core Web Vitals on a production build?

Automated Lighthouse audits run against a production build served at localhost:4173 to capture Core Web Vitals like FCP, LCP, TBT, CLS, and Speed Index in machine-readable JSON outputs. This process identifies performance opportunities across multiple routes before release.

What metrics does a Lighthouse CLI audit capture for frontend performance?

A Lighthouse CLI audit captures Core Web Vitals and frontend performance metrics including FCP, LCP, TBT, CLS, and Speed Index. It generates standardized reports with actionable optimization opportunities to improve your web application.

Do I need Node.js and a running preview server to use Lighthouse for web performance audits?

Yes, Lighthouse web performance audits require Node.js with the Lighthouse CLI installed and a production build served at localhost:4173. This environment ensures accurate, repeatable performance measurements across your application routes.

Can I audit multiple routes and pages with Lighthouse CLI to identify performance opportunities?

Yes, you can run Lighthouse CLI against multiple routes and pages of a running app to identify performance opportunities. This ensures performance budgets are met across your web product before release.

What's the best way to check if a web app meets performance budgets before release?

The best way to check performance budgets is running Lighthouse CLI audits against a live app to generate JSON reports. Review these reports to identify top optimization tasks and ensure metrics meet your targets.

Why use Lighthouse CLI for web performance audits instead of other audit methods?

Lighthouse CLI provides objective, automated, and repeatable performance audits for web applications. It generates machine-readable JSON outputs with standardized metrics and clear recommendations, making it ideal for pre-release performance validation.