skills.rest
perfectuser21
perfectuser21COMMUNITY
Explore all skills by this author →
GitHub

playwright-auto

Generate Playwright .cjs scripts via CDP browser exploration.

Updated Feb 25, 2026
Search Tags:#automation#codex#playwright#cdp#browser testing#ai scripting
One-click install
npx skills add https://github.com/perfectuser21/cecelia --skill playwright-auto
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-auto
Source: https://github.com/perfectuser21/cecelia/tree/main/packages/workflows/skills/playwright-auto
Command: npx skills add https://github.com/perfectuser21/cecelia --skill playwright-auto

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill enables AI models to explore websites and automatically generate functional Playwright scripts for browser automation, reducing the need for manual script writing.

Core Features & Use Cases

  • AI-driven Script Generation: Leverages large language models to write and debug Playwright scripts.
  • Remote Browser Control: Connects to a browser instance via Chrome DevTools Protocol (CDP) for real-time interaction.
  • Two-Phase Workflow: First, AI explores and creates scripts; second, scripts are executed directly without AI.
  • Use Case: An AI can be tasked to find a product on an e-commerce site, add it to the cart, and proceed to checkout by generating and running Playwright scripts.

Quick Start

Use the playwright-auto skill to explore the website example.com and generate a script to log in.

Frequently Asked Questions about playwright-auto

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

FAQPage Schema
How do I generate Playwright scripts automatically using AI?▼

To generate Playwright scripts automatically, an AI model connects to a browser via Chrome DevTools Protocol to explore websites and create functional .cjs scripts for browser automation. This AI scripting handles dynamic interactions and debugging to produce stable scripts.

Do I need a remote debugging port for AI browser automation?▼

Yes, a remote debugging port is required for AI browser automation. The AI model uses this Chrome DevTools Protocol connection to control the browser instance in real-time, enabling it to explore websites and write Playwright scripts.

What is the best way to automate browser exploration for dynamic websites?▼

The best way to automate browser exploration for dynamic websites is using a two-phase workflow where AI first explores and creates scripts, then executes the generated Playwright scripts directly without AI to handle complex interactions like e-commerce checkout.

Can I run generated Playwright scripts without the AI model?▼

Yes, you can run generated Playwright scripts without the AI model. The workflow saves functional .cjs scripts during the initial AI exploration phase, allowing for direct execution in the second phase without requiring ongoing AI or CDP connections.

How does CDP connect AI models to a browser for testing?▼

CDP connects AI models to a browser for testing by establishing a remote debugging port that allows real-time interaction. This Chrome DevTools Protocol linkage enables the AI to control browser actions, explore dynamic elements, and debug Playwright scripts.

Related Skills

Explore More Software Engineering Skills→
yuexpsyuexps
3

browser_cdp

Connect to Chrome browsers via CDP and scan debugging ports.

Community
Intermediate
Exia-thdExia-thd

performance-engineer

Profile web applications and generate k6/Artillery load testing scripts.

Community
Advanced
gajjalaashok75-UIgajjalaashok75-UI
2

e2e-testing

Builds Playwright-based end-to-end browser test suites for CI/CD pipelines.

Community
Advanced
thktthkt
11

e2e

Generate Playwright E2E tests and documentation through guided browser interactions.

Community
Intermediate