# puppeteer-automation

Скилл для браузерной автоматизации на Puppeteer: навигация, клики, скриншоты, PDF и перехват сетевых запросов в headless Chrome.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1800 установок · ★ 286
- Автор: Mindrally
- Лицензия: Apache-2.0 · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/Mindrally/skills/tree/HEAD/puppeteer-automation/SKILL.md
- Обновлён: 2026-10-08
- HTML: https://affpapa.org/nevibecode/skills/puppeteer-automation

## Что делает

Скилл задаёт агенту рамки работы с Puppeteer в Node.js: как открывать браузер, ждать динамический контент, выбирать элементы и корректно закрывать инстанс, чтобы не текла память. Внутри — разделы про навигацию, клики и ввод текста, формы, стратегии ожидания, скриншоты и генерацию PDF, перехват запросов, авторизацию и cookie.

Установка начинается с `npm init -y` и `npm install puppeteer`. Дальше скилл показывает базовую структуру скрипта с `puppeteer.launch`, `try/finally` и `browser.close()`, а также набор флагов запуска вроде `--no-sandbox` и `--disable-dev-shm-usage`. Отдельно разобраны режимы `headless: 'new'` и видимый браузер, `slowMo` для отладки и `defaultViewport`.

Ждать контент советует через `waitForSelector`, `waitForFunction` и `waitForResponse`, а `waitForTimeout` применять редко. Есть примеры интеграции с Jest и Mocha. Учтите: при `setRequestInterception(true)` каждый запрос нужно либо продолжить, либо прервать, иначе страница зависнет.

## Требования
- Работает с: Chrome

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Mindrally/skills --skill puppeteer-automation -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Mindrally/skills --skill puppeteer-automation -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Mindrally/skills --skill puppeteer-automation -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install Mindrally/skills puppeteer-automation
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Mindrally/skills --skill puppeteer-automation -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/Mindrally/skills --path puppeteer-automation
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add Mindrally/skills --skill puppeteer-automation -a opencode
```

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/Mindrally/skills/tree/HEAD/puppeteer-automation/SKILL.md

## Когда брать
- снять скриншот страницы или отдельного элемента
- сгенерировать PDF из HTML-страницы
- собрать данные со страницы с динамической подгрузкой
- заполнить форму и отправить её в headless Chrome
- заблокировать картинки и стили, чтобы ускорить загрузку

## Примеры запросов агенту
- Напиши скрипт на Puppeteer: открой страницу, дождись таблицы и выгрузи все строки в JSON
- Сделай полностраничный скриншот и сохрани его в `screenshot.png`
- Настрой перехват запросов: блокируй изображения и стили, остальное пропускай дальше

## Похожие
- [dev-browser](https://affpapa.org/nevibecode/skills/dev-browser.md) — скилл · 2500 установок
- [qiaomu-opencli-browser](https://affpapa.org/nevibecode/skills/qiaomu-opencli-browser.md) — скилл · 1100 установок
- [chrome-devtools-axi](https://affpapa.org/nevibecode/skills/chrome-devtools-axi.md) — скилл · 6900 установок
- [agent-browser](https://affpapa.org/nevibecode/skills/vercel-labs-agent-browser.md) — скилл · 1200000 установок
- [lightpanda-browser](https://affpapa.org/nevibecode/skills/lightpanda-browser.md) — скилл · 1500 установок
- [playwriter](https://affpapa.org/nevibecode/skills/playwriter.md) — скилл · 5800 установок

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

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

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