puppeteer

Puppeteer headless Chrome automation. Use for browser automation.

7 stars

Best use case

puppeteer is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Puppeteer headless Chrome automation. Use for browser automation.

Teams using puppeteer should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/puppeteer/SKILL.md --create-dirs "https://raw.githubusercontent.com/G1Joshi/Agent-Skills/main/skills/testing/puppeteer/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/puppeteer/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How puppeteer Compares

Feature / AgentpuppeteerStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

Puppeteer headless Chrome automation. Use for browser automation.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Puppeteer

Puppeteer is a Node library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol.

## When to Use

- **Chrome Specific**: If testing cross-browser isn't a priority (or you only care about Chromium).
- **Web Scraping**: Excellent for scraping SPAs because it renders JS.
- **PDF/Screenshots**: The industry standard for "HTML to PDF" generation.

## Quick Start

```javascript
import puppeteer from "puppeteer";

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto("https://developer.chrome.com/");
  await page.pdf({ path: "dv.pdf", format: "A4" });

  await browser.close();
})();
```

## Core Concepts

### DevTools Protocol (CDP)

Puppeteer talks directly to Chrome via CDP. This allows deeper control (intercepting network at a low level, CPU profiling) than WebDriver.

### Headless by Default

Puppeteer launches Chrome in headless mode by default. Use `headless: false` to see it.

## Best Practices (2025)

**Do**:

- **Use `page.waitForSelector`**: Before clicking or scraping.
- **Use `stealth` plugins**: If scraping, use `puppeteer-extra-plugin-stealth` to avoid detection.
- **Use Playwright**: _Consider_ switching. Playwright is maintained by the team that built Puppeteer (after moving to Microsoft) and has a better API.

**Don't**:

- **Don't leak browsers**: Always ensure `browser.close()` is called in a `finally` block or via a test runner hook.

## References

- [Puppeteer Documentation](https://pptr.dev/)