Can it generate configuration files?

Yes, it can generate production-ready configurations for Lighthouse and other performance-related tools using its write and edit permissions.

What does the Performance Lighthouse Runner skill do?

It automates the process of running Lighthouse audits and provides actionable AI-driven guidance to improve performance, accessibility, and SEO metrics.

Does this skill help with web accessibility?

Yes, it includes patterns and best practices for meeting web accessibility standards as part of the Lighthouse auditing and improvement process.

Which frameworks are supported by this skill?

It is designed for modern frontend development, specifically supporting React, Vue, and vanilla CSS/HTML projects.

How do I trigger this skill in Claude Code?

Simply mention 'performance lighthouse runner' or ask for help with web performance optimization patterns in your chat session.

Performance Lighthouse Runner

Name: Performance Lighthouse Runner
Author: jeremylongshore

byjeremylongshore

•

983

分析と監視

Automates web performance auditing and optimization using Lighthouse patterns to ensure high-scoring, production-ready frontend applications.

概要

The Performance Lighthouse Runner skill empowers developers to integrate automated performance audits and optimization strategies directly into their development workflow. It provides comprehensive guidance on implementing Lighthouse best practices, optimizing Core Web Vitals, and configuring automated performance checks. By analyzing frontend code across React, Vue, and modern CSS, it identifies performance bottlenecks and generates production-grade configurations to improve accessibility, SEO, and page load speeds.

主な機能

Accessibility and SEO validation patterns
983 GitHub stars
Automated performance auditing and metric analysis
Framework-specific optimizations for React and Vue
Production-ready configuration generation for Lighthouse
Comprehensive Core Web Vitals optimization guidance

ユースケース

Identifying and fixing accessibility violations or slow-loading CSS resources
Optimizing a web application to achieve a perfect 100 Lighthouse performance score
Setting up automated performance regression testing for frontend projects

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jeremylongshore/claude-code-plugins-plus-skills performance-lighthouse-runner

For use in Claude.ai and ChatGPT

Download Skill

GitHub

概要