Can it help reduce my JavaScript bundle size?

Yes, it analyzes build outputs and package dependencies to identify 'heavy' packages and suggests lightweight alternatives or code-splitting techniques.

When is the best time to run a performance audit?

It is recommended to run an audit after implementing new features, before a major release, or whenever users report slowness.

Does it support specific frameworks like Next.js or React?

Absolutely. The skill includes specific optimization patterns for Next.js (like Image and Font optimization) and React (like memoization and lazy loading).

How does Performance Auditor measure application speed?

It utilizes tools like Lighthouse, Bash scripts, and WebFetch to measure critical metrics including Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS).

Performance Auditor

Name: Performance Auditor
Author: elsolal

byelsolal

0•

Analytics & Monitoring

Audits web application performance by analyzing Core Web Vitals, bundle sizes, and Lighthouse reports to provide actionable optimization recommendations.

Performance Auditor is a specialized Claude Code skill designed to identify and resolve performance bottlenecks in web applications. It automates the process of running Lighthouse audits, analyzing JavaScript and CSS bundle sizes, and checking Core Web Vitals such as LCP, INP, and CLS. By automatically detecting the underlying framework (Next.js, React, Vue, etc.), the skill provides context-aware suggestions for image optimization, code splitting, and dependency management. It is an essential tool for pre-release checks or when an application feels sluggish, helping developers deliver high-speed, user-centric web experiences with measurable impact scores.

Key Features

01Dependency analysis to identify and replace heavy packages with lightweight alternatives

020 GitHub stars

03In-depth bundle size auditing for JS and CSS with budget tracking

04Prioritized issue reporting (P0-P2) with estimated performance impact scores

05Automated Lighthouse reporting and Core Web Vitals (LCP, INP, CLS) analysis

06Framework-specific optimization strategies for Next.js, React, Vue, and more

Use Cases

01Pre-release performance validation to ensure production readiness

02Reducing bundle sizes to improve mobile user experience and SEO rankings

03Diagnosing and fixing slow-loading pages or high interaction latency

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add elsolal/skillz-claude performance-auditor

For use in Claude.ai and ChatGPT

Download Skill