skills.rest
t0lab
t0labOFFICIAL
Explore all skills by this author →
WebsiteGitHub

playwright

Automate browser interactions and UI verification via Playwright CLI snapshots.

2|Updated Apr 10, 2026
Search Tags:#automation#ui#accessibility#cli#playwright#browser#snapshot
One-click install
npx skills add https://github.com/t0lab/harness-kit --skill playwright-t0lab
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright
Source: https://github.com/t0lab/harness-kit/tree/main/examples/typescript-project/.agents/skills/playwright
Command: npx skills add https://github.com/t0lab/harness-kit --skill playwright-t0lab

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enables interactive control of a real browser from the terminal so agents and developers can reproduce UI bugs, complete form flows, and verify dynamic UI state without writing full test suites or relying on pixel-only screenshots.

Core Features & Use Cases

  • CLI-driven browser sessions with headless or headed modes, named persistent sessions, and lifecycle commands to open, list, and close sessions.
  • Accessibility-tree snapshots and stable refs that let agents act reliably by element reference (e3, e15, …) instead of brittle selectors.
  • Use cases include reproducing a reported UI bug step-by-step, filling and submitting forms interactively, capturing accessibility trees for audits, and restoring session state to skip repeat logins.

Quick Start

Open the target page, capture an accessibility snapshot, click the referenced element (for example e15), then re-snapshot to verify the resulting state.

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 without writing full test scripts?▼

Browser automation sessions support named persistent states, allowing you to save and restore browser context to skip repeat logins and resume interactive debugging workflows across multiple command invocations.

How do I click elements reliably during UI automation without using brittle CSS selectors?▼

Playwright CLI captures accessibility-tree snapshots with stable element refs, enabling reliable stepwise interactions like clicking referenced elements and re-snapshotting to verify resulting dynamic UI state.

Can I reproduce a reported UI bug step-by-step using CLI commands?▼

Stepwise CLI commands let you reproduce UI bugs by capturing snapshots, clicking referenced elements, and re-snapshotting to verify resulting state interactively.

Does this browser automation tool support headed mode for live debugging?▼

Browser automation sessions support both headed and headless execution modes, enabling live visual debugging or background UI verification and accessibility inspections.

Do I need to install browser binaries separately to use Playwright CLI automation?▼

Browser binary installation is included, ensuring required browser engines are available for terminal-driven automation and accessibility snapshot capture without separate setup.

What is the best way to capture accessibility trees for UI audits during browser automation?▼

Playwright CLI accessibility-tree snapshots capture structured UI state with stable element refs, providing reliable data for accessibility audits and dynamic UI state verification.

Related Skills

Explore More Software Engineering Skills→
freestyleflyfreestylefly
869

playwright

Automate real browser actions via a Playwright CLI wrapper.

Community
Intermediate
joneqianjoneqian

agent-browser

Control a headless browser using accessibility-tree snapshots and ref-based element targeting.

Community
Advanced
atro2829-hubatro2829-hub

Agent Browser

Automate browser navigation, UI interaction, and page inspection via CLI.

Community
Advanced
liuaibin001liuaibin001

automating-browsers

Automate browser interactions for AI agents using the agent-browser CLI.

Community
Advanced