performance-lighthouse-runner — скилл для Claude Code: задачи
Скилл даёт пошаговые рекомендации и помогает создавать код и конфигурации для задач производительности во фронтенде. Активируется по запросам о performance.
npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a claude-codeЧто делает performance-lighthouse-runner
Скилл активируется по запросам о производительности и задачах performance lighthouse runner. Он предлагает пошаговые рекомендации, генерирует код и конфигурации, а затем сверяет результат с общими стандартами. В описании заявлена помощь по темам React, Vue, CSS, доступности и оптимизации производительности.
Это помощник для работы с задачами, а не описание отдельного запуска Lighthouse или отчёта с метриками. Для проверки результатов нужна настроенная среда разработки и доступ к нужным инструментам и сервисам. Если их нет, скиллу не на чем проверить конфигурацию.
Какие задачи решает
- подготовить конфигурацию для задачи производительности
- получить пошаговые рекомендации по фронтенд-задаче
- сверить созданный код с общими стандартами
- разобраться с ошибкой конфигурации или доступа
Примеры запросов агенту
- Подскажи шаги для проверки производительности фронтенда.
- Подготовь конфигурацию для задачи оптимизации производительности.
- Проверь этот фронтенд-код на соответствие общим стандартам.
Как установить performance-lighthouse-runner
1Через Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a claude-code2Вручную: положить файлы
~/.claude/skills/performance-lighthouse-runner/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/performance-lighthouse-runner/
1Через Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a codex2Вручную: положить файлы
.agents/skills/performance-lighthouse-runner/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a cursor2Вручную: положить файлы
.cursor/skills/performance-lighthouse-runner/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install jeremylongshore/tons-of-skills-marketplace performance-lighthouse-runner2Вручную: положить файлы
.github/skills/performance-lighthouse-runner/SKILL.md1Через Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a gemini-cli2Командой платформы
gemini skills install https://github.com/jeremylongshore/tons-of-skills-marketplace --path skills/05-frontend-dev/performance-lighthouse-runnerВручную: положить файлы
.devin/skills/performance-lighthouse-runner/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора6
Похожие
Рядом в теме «Фронтенд и UI»
Всё по теме «Фронтенд и UI» →Вопросы о performance-lighthouse-runner
Как установить performance-lighthouse-runner в Claude Code?
Выполните npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a claude-code. Файл скилла находится по пути ~/.claude/skills/performance-lighthouse-runner/SKILL.md.
Что делает performance-lighthouse-runner?
Он даёт пошаговые рекомендации, генерирует код и конфигурации для фронтенд-задач и сверяет результаты с общими стандартами. Скилл активируется по запросам о производительности.
Что нужно для работы performance-lighthouse-runner?
Нужны настроенная среда разработки и доступ к требуемым инструментам и сервисам. Скилл также предполагает базовое понимание фронтенд-разработки.
Исходный текст
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