К основному содержанию
скилл CX Codex

performance-lighthouse-runner — скилл для Claude Code: задачи

Скилл даёт пошаговые рекомендации и помогает создавать код и конфигурации для задач производительности во фронтенде. Активируется по запросам о performance.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add jeremylongshore/tons-of-skills-marketplace --skill performance-lighthouse-runner -a claude-code
Открыть на GitHub

Что делает 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-code

2Вручную: положить файлы

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

Папка скилла целиком; для одного проекта — .claude/skills/performance-lighthouse-runner/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Из того же набора6

backtesting-trading-strategies Прогоняет торговую стратегию по историческим данным и считает метрики риска до того, как в игру пойдут реальные деньги. CX Codex +1 4 700установок svg-icon-generator Скилл для задач с SVG-иконками: подсказывает шаги, пишет код и проверяет результат. Включается сам, когда в запросе есть «svg». CX Codex +1 1 300установок mindmap-generator Скилл помогает разбираться с задачами по созданию интеллект-карт: предлагает пошаговые рекомендации, генерирует конфигурации и проверяет результат. CX Codex +1 1 000установок d2-diagram-creator Скилл для работы с диаграммами D2: подключается по упоминанию в запросе и ведёт агента по шагам. Пригодится, когда нужна схема в коде проекта, а не в стороннем редакторе. CX Codex +1 345установок tracking-crypto-prices Скилл тянет курсы криптовалют с бирж, отдаёт историю за период и следит за вотчлистами. Пригодится, когда агенту нужны цены для портфеля или расчётов. CX Codex +1 343установок

Похожие

perf-lighthouse tech-leads-club Скилл запускает аудит Lighthouse через консоль или Node API, считывает метрики и настраивает бюджеты производительности. Помогает внедрить проверки скорости в CI и разобрать JSON-отчёты. CX Codex +1 320установок web-performance-audit secondsky Скилл для аудита скорости страниц: снимает метрики Core Web Vitals, ищет узкие места и подсказывает, что чинить. Пригодится, когда LCP или CLS вылезают за норму. CX Codex +1 526установок performance-optimization addyosmani Скилл для агентов ИИ-кодинга: сначала замеряет, потом чинит узкое место — от Core Web Vitals до N+1 запросов и индексов в базе. CX Codex +1 65 200установок web-performance-optimization davila7 Скилл для Claude, который помогает разобрать, почему сайт грузится медленно, и по шагам убрать узкие места. 3 490установок performance-and-web-vitals dembrandt Скилл помогает находить и устранять проблемы с Core Web Vitals и аудитами Lighthouse. Он даёт правила для оптимизации LCP, CLS, INP, изображений, шрифтов и скриптов. CX Codex +1 975установок Frontend Performance Investigator официальный github Находит причины задержек отрисовки, сдвигов верстки и падения Core Web Vitals в браузере, связывая трейсы с файлами проекта. ★ 40 418звёзд репо

Рядом в теме «Фронтенд и 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

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой