This automates Lighthouse performance audits in your frontend workflow, letting you run Google's performance testing tool without leaving your development environment. It's aimed at the frontend crowd working with React, Vue, and general web accessibility. The skill triggers when you mention performance testing or Lighthouse, then helps you set up configs and interpret results. Honestly, this is one of those utilities that saves you from context switching to the browser DevTools every time you want to check your Core Web Vitals. The documentation is pretty generic, but the core idea is solid: keep performance monitoring in the same place you're writing code. Works through Claude's bash tools to run the actual Lighthouse CLI.

skills.sh installs
604
GitHub stars
2.6K
last updated
Aug 21, 2026

Install

$ npx -y skills add jeremylongshore/claude-code-plugins-plus-skills --skill performance-lighthouse-runner --agent claude-code

Installs into .claude/skills of the current project.

Files

Performance Lighthouse Runner

Overview

This skill provides automated assistance for performance lighthouse runner tasks within the Frontend Development domain.

When to Use

This skill activates automatically when you:

  • Mention "performance lighthouse runner" in your request
  • Ask about performance lighthouse runner patterns or best practices
  • Need help with frontend skills covering react, vue, css, accessibility, performance optimization, and modern web development patterns.

Instructions

  1. Provides step-by-step guidance for performance lighthouse runner
  2. Follows industry best practices and patterns
  3. Generates production-ready code and configurations
  4. Validates outputs against common standards

Examples

Example: Basic Usage Request: "Help me with performance lighthouse runner" Result: Provides step-by-step guidance and generates appropriate configurations

Prerequisites

  • Relevant development environment configured
  • Access to necessary tools and services
  • Basic understanding of frontend development concepts

Output

  • Generated configurations and code
  • Best practice recommendations
  • Validation results

Error Handling

Sponsors

Details

Repository
github.com/jeremylongshore/claude-code-plugins-plus-skills
Categories
Frontend Development, Debugging, Marketing & SEO
First seen
Jun 3, 2026

More from jeremylongshore/claude-code-plugins-plus-skills

All 13
1dylantarre avatarbuttons-ctasdylantarre/animation-principlesUse when animating buttons, CTAs, or clickable action elements to create satisfying, responsive interactions598skills.sh installs
2secondsky avatarmobile-first-designsecondsky/claude-skillsDesigns responsive interfaces starting from mobile screens with progressive enhancement for larger devices. Use when building responsive websites, optimizing fo598skills.sh installs
3bobmatnyc avatartanstack-querybobmatnyc/claude-mpm-skillsTanStack Query (React Query) for asynchronous server-state management with automatic caching, background refetching, optimistic updates, and pagination in React595skills.sh installs
4openai avatarslidesopenai/skillsCreate and edit presentation slide decks (`.pptx`) with PptxGenJS, bundled layout helpers, and render/validation utilities. Use when tasks involve building a ne589skills.sh installs
5anthropics avatarinteractive-dashboard-builderanthropics/knowledge-work-pluginsBuild self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive r586skills.sh installs
6alirezarezvani avatarspec-to-repoalirezarezvani/claude-skillsUse when the user says 'build me an app', 'create a project from this spec', 'scaffold a new repo', 'generate a starter', 'turn this idea into code', 'bootstrap578skills.sh installs