# nextjs-performance-audit

Команда проверяет производительность проекта Next.js по Lighthouse, размеру сборки и работе приложения. Пригодится, когда нужно найти узкие места и получить рекомендации по оптимизации.

- команда · `type=command` · Claude Code · 694 установки
- Автор: davila7
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/commands/nextjs-vercel/nextjs-performance-audit.md
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/commands/nextjs-performance-audit

## Что делает

Команда изучает конфигурацию Next.js и `package.json`, проверяет состояние сборки и доступность приложения на `localhost:3000`. Для проверки через Lighthouse приложение должно быть запущено; без этого аудита страницы не будет.

Можно запросить проверку Lighthouse, бандла или работы приложения с помощью флагов `--lighthouse`, `--bundle` и `--runtime`, либо запустить все проверки через `--all`. Для анализа бандла команда предлагает собрать проект с `ANALYZE=true npm run build`; для Lighthouse использует CLI и формирует отчёты. В рекомендациях затрагиваются Core Web Vitals, загрузка и выполнение JavaScript.

## Установка

### Claude Code (родная платформа)

1. **Через claude-code-templates**
```bash
npx claude-code-templates@latest --command nextjs-vercel/nextjs-performance-audit
```

2. **Вручную: положить файлы**
- Файл: `.claude/commands/nextjs-performance-audit.md` — Вызов — /nextjs-performance-audit. Для всех проектов — ~/.claude/commands/

### Codex

**Вручную: положить файлы**
- Файл: `~/.codex/prompts/nextjs-performance-audit.md` — Вызов — /prompts:nextjs-performance-audit. В Codex этот формат помечен устаревшим, замена — скиллы

### GitHub Copilot

**Вручную: положить файлы**
- Файл: `.github/prompts/nextjs-performance-audit.prompt.md`

### Gemini CLI

**Вручную: положить файлы**
- Файл: `.gemini/commands/nextjs-performance-audit.toml` — Gemini хранит команды в TOML: текст запроса — в поле prompt

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/commands/nextjs-vercel/nextjs-performance-audit.md

## Когда брать
- проверить показатели производительности страницы через Lighthouse
- найти крупные JavaScript-файлы в сборке
- выявить повторяющиеся или некорректные зависимости
- получить рекомендации по улучшению Core Web Vitals

## Примеры запросов агенту
- Проведи полный аудит производительности проекта Next.js с флагом `--all`.
- Проверь Lighthouse для запущенного приложения с флагом `--lighthouse`.
- Проанализируй размер бандла проекта с флагом `--bundle`.

## Похожие
- [design-review](https://affpapa.org/nevibecode/commands/design-review.md) — команда · ★ 41729
- [typescript-scaffold](https://affpapa.org/nevibecode/commands/typescript-scaffold.md) — команда · ★ 41729
- [full-stack-feature](https://affpapa.org/nevibecode/commands/full-stack-feature.md) — команда · ★ 41729

Из того же набора: [davila7/claude-code-templates](https://affpapa.org/nevibecode/by/davila7/claude-code-templates.md) — 238 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md