Skip to main content
skill CX Codex

performance-lighthouse-runner — Claude Code skill: features

This skill offers step-by-step guidance and helps generate code and configurations for frontend performance work. It activates on performance-related requests.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a claude-code
Open on GitHub

What performance-lighthouse-runner does

The skill activates for requests about performance and performance lighthouse runner tasks. It provides step-by-step guidance, generates code and configurations, and checks results against common standards. Its stated frontend topics include React, Vue, CSS, accessibility, and performance optimization.

This is an assistant for working through tasks, not a description of a separate Lighthouse run or a metrics report. Checking results requires a configured development environment and access to the needed tools and services. Without those, there is nothing for the skill to use when validating a configuration.

What it helps with

  • draft a configuration for a frontend performance task
  • get step-by-step guidance on a frontend issue
  • check generated code against common standards
  • troubleshoot configuration or access errors

Example prompts for the agent

  • Give me steps to check frontend performance.
  • Prepare a configuration for a performance optimization task.
  • Check this frontend code against common standards.

How to install performance-lighthouse-runner

1Skills CLI (Vercel)

npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a claude-code

2Manually: put the files in place

~/.claude/skills/performance-lighthouse-runner/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/performance-lighthouse-runner/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about performance-lighthouse-runner

How do I install performance-lighthouse-runner in Claude Code?

Run npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a claude-code. The skill file is at ~/.claude/skills/performance-lighthouse-runner/SKILL.md.

What does performance-lighthouse-runner do?

It gives step-by-step guidance, generates code and configurations for frontend tasks, and checks results against common standards. It activates on performance-related requests.

What does performance-lighthouse-runner need to work?

It requires a configured development environment and access to the necessary tools and services. The skill also assumes basic frontend development knowledge.

Source text

SKILL.md · MIT
---
name: performance-lighthouse-runner
description: 'Manage performance lighthouse runner operations. Auto-activating skill
  for Frontend Development.

  Triggers on: performance lighthouse runner, performance lighthouse runner

  Part of the Frontend Development skill category. Use when working with performance
  lighthouse runner functionality. Trigger with phrases like "performance lighthouse
  runner", "performance runner", "performance".

  '
allowed-tools: Read, Write, Edit, Bash(cmd:*), Grep
version: 1.0.0
license: MIT
author: Jeremy Longshore <[email protected]>
tags:
- frontend
- development
compatibility: Designed for Claude Code
---
# 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

| Error | Cause | Solution |
|-------|-------|----------|
| Configuration invalid | Missing required fields | Check documentation for required parameters |
| Tool not found | Dependency not installed | Install required tools per prerequisites |
| Permission denied | Insufficient access | Verify credentials and permissions |


## Resources

- Official documentation for related tools
- Best practices guides
- Community examples and tutorials

## Related Skills

Part of the **Frontend Development** skill category.
Tags: react, vue, css, accessibility, web

© Jeremy Longshore · MIT · jeremylongshore/tons-of-skills-marketplace

Similar skills

Everything for Frontend and UI →

From the same set6

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor