playwright

Automate real-browser interactions via Playwright CLI wrappers from the terminal.

6|Updated Jul 9, 2019
One-click install
npx skills add https://github.com/sluongng/dotfiles --skill playwright-sluongng
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright
Source: https://github.com/sluongng/dotfiles/tree/main/config/claude/skills/playwright
Command: npx skills add https://github.com/sluongng/dotfiles --skill playwright-sluongng

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @playwright/cli, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill provides a robust, CLI-driven way to automate real-browser tasks using Playwright, enabling automation from the terminal without a full GUI.

Core Features & Use Cases

  • CLI-first automation of real browsers via the Playwright CLI wrapper script.
  • Works even when the Playwright CLI is not globally installed by using npx under the wrapper.
  • Supports common UI tasks like navigation, form filling, taking snapshots, and capturing screenshots for debugging and data collection.
  • Use case examples include automated login flows, data extraction from web pages, and UI-flow testing across web apps.

Quick Start

Use the wrapper script to open a page, interact with elements, and capture artifacts.

Frequently Asked Questions about playwright

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

FAQPage Schema
How do I automate browser interactions from the terminal using Playwright?

Automate browser interactions from the terminal by using a wrapper script that delegates to the Playwright CLI via npx. This approach drives real browsers to perform navigation, form filling, and UI-flow debugging without requiring a full GUI.

Do I need to install the Playwright CLI globally to automate UI tasks from the command line?

You do not need to install the Playwright CLI globally. The wrapper script uses npx to execute @playwright/cli, allowing you to run CLI-first browser automation tasks directly as long as Node.js and npm are available in your environment.

Can I capture screenshots and snapshots during web page automation?

Yes, you can capture screenshots and take snapshots during web page automation. The wrapper script automates real-browser interactions to capture these artifacts, which are useful for data collection, debugging, and testing web applications.

What is the best way to debug UI flows across web applications without a GUI?

The best way to debug UI flows without a GUI is using CLI-driven browser automation. This skill applies a wrapper script to the Playwright CLI, enabling headless navigation, form filling, and snapshot capture directly from your terminal.

Does CLI-based browser automation support automated login flows and data extraction?

CLI-based browser automation supports automated login flows and data extraction. By delegating to the Playwright CLI, the wrapper script interacts with web page elements to automate these common UI tasks across web applications.