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.
npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a claude-codeWhat 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-code2Manually: put the files in place
~/.claude/skills/performance-lighthouse-runner/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/performance-lighthouse-runner/
1Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a codex2Manually: put the files in place
.agents/skills/performance-lighthouse-runner/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a cursor2Manually: put the files in place
.cursor/skills/performance-lighthouse-runner/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install jeremylongshore/tons-of-skills-marketplace performance-lighthouse-runner2Manually: put the files in place
.github/skills/performance-lighthouse-runner/SKILL.md1Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a gemini-cli2Platform CLI
gemini skills install https://github.com/jeremylongshore/tons-of-skills-marketplace --path skills/05-frontend-dev/performance-lighthouse-runnerManually: put the files in place
.devin/skills/performance-lighthouse-runner/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
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