perf-audit

Audit localhost pages with Lighthouse and output a markdown performance report.

1|Updated Apr 25, 2026
One-click install
npx skills add https://github.com/Nikhil-Chopra-7/claude-frontend-skills --skill perf-audit-nikhil-chopra-7
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: perf-audit
Source: https://github.com/Nikhil-Chopra-7/claude-frontend-skills/tree/main/perf-audit
Command: npx skills add https://github.com/Nikhil-Chopra-7/claude-frontend-skills --skill perf-audit-nikhil-chopra-7

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audit page performance on localhost and convert findings into actionable fixes, reducing page load times and user frustration.

Core Features & Use Cases

  • Lighthouse-based audits for accessibility, SEO, and best practices, plus Core Web Vitals tracing.
  • In-depth performance tracing of network activity, render-blocking resources, and DOM interactions to pinpoint bottlenecks.
  • Generates a structured markdown performance report and a trace archive for regression testing and PR-ready documentation.

Quick Start

Run a perf audit on a localhost page to generate a comprehensive performance report.

Frequently Asked Questions about perf-audit

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

FAQPage Schema
How do I audit localhost page performance and Core Web Vitals?

To audit localhost page performance, this Skill runs Lighthouse audits and collects Core Web Vitals via a performance trace. It analyzes network activity, render-blocking resources, and DOM patterns to pinpoint bottlenecks and output an actionable markdown report.

Can I run a Lighthouse performance trace on a local Next.js or Astro project?

Yes, you can run a Lighthouse performance trace on local Next.js or Astro projects. The Skill is primarily applied after code generation and QA in these frameworks but can be invoked on any local page to diagnose performance bottlenecks.

What is the best way to find render-blocking resources affecting web vitals?

The best way to find render-blocking resources is through a performance trace that analyzes network patterns and DOM interactions. This Skill collects trace data and generates a compressed trace file for regression testing and PR-ready documentation.

Does the performance audit require any external dependencies or components?

No external dependencies or components are required to run the performance audit. The Skill operates independently to execute Lighthouse audits, trace Core Web Vitals, and produce a structured markdown performance report.

What output format does the localhost performance audit generate?

The localhost performance audit generates a structured markdown performance report containing actionable, evidence-based fixes. It also outputs a compressed trace archive file that can be used for regression testing and PR-ready documentation.

Why should I run a localhost performance audit instead of waiting for production?

Running a localhost performance audit catches bottlenecks early by analyzing network activity and render-blocking resources before deployment. It converts Lighthouse and Core Web Vitals findings into actionable fixes, reducing page load times and user frustration.