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
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/puppeteer/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How puppeteer Compares
| Feature / Agent | puppeteer | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/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/)Related Skills
template
Expert [skill-name] assistance covering [feature 1], [feature 2], and [feature 3]. Use when [working with X], [debugging Y], or [implementing Z].
zsh
Zsh shell with oh-my-zsh. Use for terminal shell.
zed
Zed high-performance collaborative editor. Use for fast editing.
xcode
Xcode Apple development IDE with simulators. Use for iOS/macOS development.
webstorm
WebStorm JavaScript IDE with debugging. Use for web development.
webpack
Webpack module bundler with loaders and plugins. Use for bundling.
warp
Warp modern terminal with AI. Use for terminal work.
vscode
Visual Studio Code editor with extensions and debugging. Use for code editing.
vite
Vite fast build tool with HMR. Use for modern frontend builds.
visual-studio
Visual Studio IDE for Windows with debugging and profiling. Use for .NET development.
vim
Vim text editor with motions, macros, and plugins. Use for terminal editing.
turbopack
Turbopack Rust-powered bundler. Use for fast builds.