puppeteer

Convert Chrome DevTools Recorder exports into Puppeteer scripts with CDP debugging.

Updated Feb 17, 2026
One-click install
npx skills add https://github.com/gnestor/claude-workflow-plugin --skill puppeteer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: puppeteer
Source: https://github.com/gnestor/claude-workflow-plugin/tree/main/.claude/skills/puppeteer
Command: npx skills add https://github.com/gnestor/claude-workflow-plugin --skill puppeteer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Transform Chrome DevTools Recorder exports into production-ready Puppeteer scripts and provide interactive debugging via CDP for live Chrome sessions.

Core Features & Use Cases

  • Recording → Script Conversion: Convert Chrome DevTools Recorder exports to robust Puppeteer scripts.
  • Interactive Debugging: Connect to live Chrome via CDP to inspect pages, test interactions, and fix failing scripts.
  • Template & Guidance: Provide standard script patterns and debugging utilities to accelerate automation development.
  • Use Case: A developer records a user flow with Recorder and instantly gets a runnable Puppeteer script with debugging hooks.

Quick Start

Provide a Chrome DevTools Recorder export to this skill and it will generate a Puppeteer script you can run immediately.

Frequently Asked Questions about puppeteer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert Chrome DevTools Recorder exports to Puppeteer scripts?

To convert Chrome DevTools Recorder exports to Puppeteer scripts, provide the recording file to the automation tool, which immediately generates a production-ready script with debugging hooks and standard error handling.

Can I connect Puppeteer to a live Chrome instance via CDP for interactive debugging?

Yes, you can connect Puppeteer to a live Chrome instance via CDP for interactive debugging, allowing you to inspect pages, test interactions, modify selectors, and fix failing scripts directly.

Does Puppeteer support generating browser automation scripts from natural language prompts?

Yes, Puppeteer supports generating browser automation scripts from natural-language prompts, streamlining automation development by creating runnable scripts with standard workflow templates and debugging utilities.

What is the best way to fix failing Puppeteer scripts during browser automation?

The best way to fix failing Puppeteer scripts is connecting to a live Chrome session via CDP, which allows you to inspect page elements, test interactions, and refine selectors interactively.

Do I need the puppeteer package installed to convert CDP recordings?

Yes, you need the Puppeteer package installed as a dependency, because the tool generates production-ready browser automation scripts specifically designed to run within the Puppeteer framework.

Why does my Chrome DevTools Recorder export need workflow templates when converting to Puppeteer?

Chrome DevTools Recorder exports need workflow templates during conversion to ensure the resulting Puppeteer script includes robust error handling, standard patterns, and debugging utilities for production readiness.