playwright

Name: playwright
Availability: InStock
Author: Haohao

Automates browser workflows for navigation, UI interaction, and artifact capture via CLI.

779|80|Updated Jun 20, 2025

Search Tags:#browser automation #tracing #playwright #screenshot #ui debugging #snapshotting #terminal cli

Ready to run

npx skills add https://github.com/Haohao-end/openagent --skill playwright-haohao-end

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: playwright
Source: https://github.com/Haohao-end/openagent/tree/main/api/internal/core/skills/catalog/playwright
Command: npx skills add https://github.com/Haohao-end/openagent --skill playwright-haohao-end

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Playwright helps you reliably automate real browser interactions so you can reproduce UI behavior, capture evidence, and extract information without manual clicking.

Core Features & Use Cases

CLI-first browser automation: Drive navigation, clicks, typing, snapshots, and screenshots directly from the terminal.
Stable interaction via snapshots: Refresh element references after page changes to reduce flaky steps.
Debug and capture artifacts: Use tracing and visual artifacts (screenshots/PDFs/traces) to understand and verify UI flows.
Use case: When a website has a multi-step login and settings flow, you can open the page, snapshot elements, perform the interactions, re-snapshot after UI changes, and capture screenshots (or traces) to document what happened.

Quick Start

Open https://playwright.dev in headed mode, take a snapshot, then continue interacting using element refs from that latest snapshot.

Frequently Asked Questions about playwright

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

FAQPage Schema

How do I automate browser workflows from the terminal CLI?▼

You can automate browser workflows from the terminal CLI by using a Playwright CLI wrapper to drive navigation, clicks, typing, and capture screenshots without manual UI operation.

What is the snapshot-before-interaction workflow for UI debugging?▼

The snapshot-before-interaction workflow refreshes element references after page changes, ensuring stable interactions and reducing flaky steps during multi-step UI flow debugging and form filling.

Do I need npx to run Playwright browser automation?▼

Yes, you need a working npx environment to run Playwright browser automation, as the Skill relies on a Playwright CLI wrapper to execute terminal commands and capture artifacts.

Can I capture traces and screenshots during web UI testing?▼

Yes, you can capture traces, screenshots, and PDFs during web UI testing to document UI flows, verify behavior, and extract information for debugging purposes.

Why does browser automation fail during multi-tab browsing?▼

Browser automation fails during multi-tab browsing when element references become stale after page changes; refreshing snapshots before ref-interaction resolves this flakiness.

What's the best way to extract UI data from real browsers?▼

The best way to extract UI data from real browsers is automating navigation and interactions via a terminal CLI, using snapshots to maintain stable references and capturing artifacts as evidence.