# core-web-vitals

Скилл помогает находить и исправлять проблемы LCP, INP и CLS. Пригодится для технического SEO и проверки скорости страниц.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1100 установок · ★ 1062
- Автор: kostja94
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/kostja94/marketing-skills/tree/HEAD/skills/seo/technical/core-web-vitals/SKILL.md
- Обновлён: 2026-10-21
- HTML: https://affpapa.org/nevibecode/skills/kostja94-core-web-vitals

## Что делает

Скилл разбирает три метрики Core Web Vitals: LCP отвечает за загрузку главного элемента, INP — за отклик на действия, CLS — за визуальную стабильность. Он помогает определить проблемную метрику и составить план исправлений по приоритету.

Для анализа используются отчёт Core Web Vitals в GSC, PageSpeed Insights и Chrome DevTools. Скилл учитывает тип страницы и LCP-кандидата, а также проверяет серверный ответ, блокирующие ресурсы, изображения, JavaScript, обработчики событий и динамический контент. При наличии `contextus.md` сначала читается этот файл.

LCP-изображение нельзя загружать лениво: для него нужен `loading="eager"`. Для отчёта CWV в GSC нужен отдельный скилл `google-search-console`.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add kostja94/marketing-skills --skill core-web-vitals -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/core-web-vitals/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/core-web-vitals/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add kostja94/marketing-skills --skill core-web-vitals -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/core-web-vitals/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add kostja94/marketing-skills --skill core-web-vitals -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/core-web-vitals/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install kostja94/marketing-skills core-web-vitals
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/core-web-vitals/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add kostja94/marketing-skills --skill core-web-vitals -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/kostja94/marketing-skills --path skills/seo/technical/core-web-vitals
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/core-web-vitals/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add kostja94/marketing-skills --skill core-web-vitals -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/kostja94/marketing-skills/tree/HEAD/skills/seo/technical/core-web-vitals/SKILL.md

## Когда брать
- найти проблемную метрику LCP, INP или CLS
- составить план исправлений по влиянию
- ускорить отображение главного элемента страницы
- убрать задержки JavaScript и скачки макета

## Примеры запросов агенту
- Проверь страницу и найди причины плохого LCP.
- Составь приоритетный план исправлений для INP и CLS.
- Проанализируй результаты PageSpeed Insights и предложи изменения.

## Похожие
- [seo-audit](https://affpapa.org/nevibecode/skills/coreyhaines31-seo-audit.md) — скилл · 237600 установок
- [brand](https://affpapa.org/nevibecode/skills/brand.md) — скилл · 39900 установок
- [banner-design](https://affpapa.org/nevibecode/skills/banner-design.md) — скилл · 39500 установок
- [marketing-psychology](https://affpapa.org/nevibecode/skills/coreyhaines31-marketing-psychology.md) — скилл · 164600 установок
- [content-strategy](https://affpapa.org/nevibecode/skills/coreyhaines31-content-strategy.md) — скилл · 164000 установок
- [ai-seo](https://affpapa.org/nevibecode/skills/ai-seo.md) — скилл · 150800 установок

## Другие версии с тем же именем
- [core-web-vitals · addyosmani](https://affpapa.org/nevibecode/skills/web-quality-skills-core-web-vitals.md) — 32000 установок

Из того же набора: [kostja94/marketing-skills](https://affpapa.org/nevibecode/by/kostja94/marketing-skills.md) — 126 карточек

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

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