скилл

performance-profiling · davila7 — скилл для Claude Code

Q: Как установить performance-profiling в Claude Code?

Через шаблоны: `npx claude-code-templates@latest --skill development/performance-profiling`. Второй способ — `npx skills add davila7/claude-code-templates --skill performance-profiling -a claude-code`.

Q: Что нужно для запуска скрипта аудита?

Python — скрипт `scripts/lighthouse_audit.py` вызывается как `python scripts/lighthouse_audit.py https://example.com`. Скилл работает с файлами только на чтение: `Read`, `Glob`, `Grep`, `Bash`.

Скилл для Claude, который ведёт агента по шагам: замер, поиск узкого места, правка, проверка результата. Пригодится, когда страница грузится медленно.

Установить в Claude Code · Через claude-code-templates Все способы и платформы ↓

npx claude-code-templates@latest --skill development/performance-profiling

Открыть на GitHub

Что делает performance-profiling

Скилл задаёт порядок работы с производительностью: сначала измерить текущее состояние, потом найти узкое место, внести точечную правку и подтвердить улучшение. Без замера агент начинает угадывать, и правки уходят не туда.

Внутри — таблицы целевых значений Core Web Vitals (LCP, INP, CLS), подсказки по выбору инструмента под задачу: Lighthouse для загрузки страницы, анализатор бандла для размера, вкладки Performance и Memory в DevTools для рантайма и памяти. Есть разбор частых симптомов: медленная первая загрузка, тяжёлые обработчики событий, дёрганая прокрутка, растущая память. Отдельная таблица антипаттернов — не гадать, а профилировать.

Для автоматического аудита есть скрипт scripts/lighthouse_audit.py, он запускается через Python. Скиллу разрешены только Read, Glob, Grep и Bash — файлы он не редактирует, правки вносит агент по его рекомендациям.

Какие задачи решает

найти, что именно тормозит загрузку страницы
снять базовый замер перед оптимизацией
разобрать бандл и убрать дубли зависимостей
отличить утечку памяти от обычного роста кучи
выбрать инструмент под конкретный симптом

Примеры запросов агенту

Прогони аудит производительности страницы https://example.com через scripts/lighthouse_audit.py
Собери базовый замер LCP и INP, потом предложи, что чинить первым
Посмотри бандл: какие зависимости занимают больше всего места и что можно разбить по маршрутам

Как установить performance-profiling

1Через claude-code-templates

npx claude-code-templates@latest --skill development/performance-profiling

2Через Skills CLI (Vercel)

npx skills add davila7/claude-code-templates --skill performance-profiling -a claude-code

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

~/.claude/skills/performance-profiling/SKILL.md

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

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

.agents/skills/performance-profiling/SKILL.md

Для всех проектов — ~/.agents/skills/

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

.cursor/skills/performance-profiling/SKILL.md

Cursor читает и .agents/skills/, и .claude/skills/

1GitHub CLI

gh skill install davila7/claude-code-templates performance-profiling

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

.github/skills/performance-profiling/SKILL.md

Командой платформы

gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/development/performance-profiling

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

.devin/skills/performance-profiling/SKILL.md

Старый путь .windsurf/skills/ тоже читается

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

Вопросы о performance-profiling

Как установить performance-profiling в Claude Code?

Через шаблоны: npx claude-code-templates@latest --skill development/performance-profiling. Второй способ — npx skills add davila7/claude-code-templates --skill performance-profiling -a claude-code.

Что делает performance-profiling?

Даёт агенту методику работы с производительностью: замер, поиск узкого места, точечная правка, проверка. Плюс таблицы целевых метрик, подбор инструментов и список частых причин тормозов.

Что нужно для запуска скрипта аудита?

Python — скрипт scripts/lighthouse_audit.py вызывается как python scripts/lighthouse_audit.py https://example.com. Скилл работает с файлами только на чтение: Read, Glob, Grep, Bash.

Сначала — performance-profiling от других авторов.

performance-profiling MengTo Помогает находить зависания и утечки памяти в приложениях под платформы Apple. Направляет агента по инструментам Instruments и телеметрии MetricKit. CX Codex +1 1 400установок performance-profiling HeshamFS Находит узкие места в материаловедческих симуляциях: парсит логи времени выполнения, считает эффективность MPI-масштабирования и оценивает требования к памяти. CX Codex +1 ★ 83звёзд репо setup-matt-pocock-skills Matt Pocock Скилл настраивает репозиторий для инженерных скиллов Matt Pocock: задаёт трекер задач, метки триажа и расположение доменной документации. Запустите его перед первым использованием остальных скиллов. 1 052 851установок ask-matt Matt Pocock Помогает выбрать подходящий скилл или рабочий поток из набора Matt Pocock. Пригодится, когда непонятно, с чего начать задачу: от идеи до разбора бага. 766 587установок to-tickets Matt Pocock Разбивает план, спецификацию или переписку на небольшие сквозные задачи и отмечает, какие из них блокируют остальные. Пригодится, когда нужно согласовать порядок работы до публикации задач в трекере. 711 230установок writing-plans Jesse Vincent Скилл превращает требования к многошаговой задаче в подробный план реализации до начала работы с кодом. Пригодится, когда исполнителю нужно зафиксировать файлы, интерфейсы и проверки. CX Codex 282 859установок caveman-review JuliusBrussee Пишет замечания к коду одной строкой: место, проблема, исправление. Пригодится, когда ревью диффа или PR надо пройти быстро и без воды. CX Codex +1 411 800установок caveman-compress JuliusBrussee Сжимает CLAUDE.md, списки задач и другие текстовые файлы в краткий формат, сохраняя читаемую резервную копию. CX Codex +1 411 500установок

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

Весь набор →

svelte-debug Разбирает ошибки Svelte и SvelteKit по сообщению и стеку: находит причину в компиляции, рантайме или конфиге и предлагает правку. 134установок publisher-medium Превращает пост из markdown, PDF или URL в HTML, готовый к вставке в редактор Medium, и помечает места для загрузки картинок. 134установок paper-2-web Превращает научную статью в LaTeX или PDF в интерактивный сайт, постер для конференции и презентационное видео. Пригодится перед докладом или для продвижения препринта. 133установок task-from-pr Разбирает пул-реквест на GitHub и заводит по нему задачу в Linear: с оценкой сложности, привязкой к команде и ссылками в обе стороны. 133установок linear-task-to-issue Слэш-команда переносит задачу из Linear в GitHub issue: поля, связи, вложения и комментарии. Пригодится, когда команда ведёт трекер в Linear, а разработка идёт в GitHub. 129установок bulk-import-issues Слэш-команда переносит задачи из GitHub в Linear пачками: фильтрует по меткам и вехам, следит за прогрессом и переживает ошибки. 129установок react-useeffect Скилл разбирает правила работы с useEffect по официальной документации React и подсказывает, чем заменить Effect там, где он лишний. 127установок svelte-scaffold Разворачивает новый SvelteKit-проект, модуль или библиотеку компонентов с готовой структурой папок и конфигами. Пригодится, когда нужен стартовый каркас без ручной возни. 127установок