Can I automate Lighthouse reports using this skill?

Yes, the skill includes implementation patterns for Lighthouse automation using chrome-launcher, enabling programmatic performance reviews within your workflow.

Does it support performance budgets?

Yes, it provides JSON templates for setting timing and resource size budgets to ensure your application meets specific performance goals consistently.

How does this skill help with Core Web Vitals?

It provides specific targets and measurement snippets for LCP, FID, CLS, and INP, allowing Claude to diagnose and fix issues related to loading, interactivity, and visual stability.

What kind of optimization strategies are recommended?

It categorizes improvements by effort level, from quick wins like compression and minification to medium-term tasks like code splitting and long-term CDN optimization.

Web Performance Audit

Name: Web Performance Audit
Author: secondsky

bysecondsky

•

Analytics & Monitoring

Analyzes and optimizes web application speed and user experience metrics through Core Web Vitals audits and automated Lighthouse reporting.

The Web Performance Audit skill empowers Claude to act as a performance engineer, identifying critical bottlenecks that affect site speed and user engagement. It provides a structured approach to measuring and improving Core Web Vitals—including LCP, FID, and CLS—by automating Lighthouse audits and suggesting high-impact optimizations like code splitting, asset minification, and advanced caching strategies. Whether you are troubleshooting rendering delays or establishing a long-term performance budget, this skill ensures your web applications remain fast, responsive, and SEO-friendly.

Key Features

01Automated Lighthouse performance auditing integration

0221 GitHub stars

03Bottleneck identification for resource-blocking and render delays

04Core Web Vitals (LCP, FID, CLS, INP) analysis and targeting

05Performance budget configuration for timing and resource sizes

06Tiered optimization strategies from quick wins to long-term architecture

Use Cases

01Implementing performance budgets to prevent speed regression during development

02Troubleshooting slow page load times and high bounce rates

03Optimizing React or Tailwind-based applications for production readiness

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/claude-skills web-performance-audit

For use in Claude.ai and ChatGPT

Download Skill