skills.rest
Haohao-end
Haohao-endCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

playwright

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
One-click install
npx skills add https://github.com/Haohao-end/openagent --skill playwright-haohao-end
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
PandelisZPandelisZ
1

playwright

Automate real-browser navigation, form filling, and data extraction via a Playwright CLI wrapper.

Community
Advanced
phanijappsphanijapps
1

eagle-eye

Extract structured insights from images, diagrams, charts, and PDFs.

Community
Intermediate
ngx-signal-formsngx-signal-forms
3

playwright-cli

Automate browser interactions and testing workflows using Playwright CLI commands.

Official
Advanced
am-willam-will
1.0k

Agent Browser

Automate web interactions with a Rust-based headless browser CLI.

Community
Advanced