skills.rest
jiyeol-lee
jiyeol-leeCOMMUNITY
Explore all skills by this author →
GitHub

playwright-cli

Automate browser navigation, element interaction, and state inspection via playwright-cli.

1|1|Updated Feb 28, 2024
Search Tags:#debugging#interactive#state-management#snapshots#browser-automation#playwright-cli#network-mocking
One-click install
npx skills add https://github.com/jiyeol-lee/dotfiles --skill playwright-cli-jiyeol-lee
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-cli
Source: https://github.com/jiyeol-lee/dotfiles/tree/main/.opencode/skills/playwright-cli
Command: npx skills add https://github.com/jiyeol-lee/dotfiles --skill playwright-cli-jiyeol-lee

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Interactive browser automation using the playwright-cli Bash interface to perform quick, repeatable tasks without writing test code or external runners.

Core Features & Use Cases

  • Open and navigate pages with playwright-cli open and goto
  • Interact with elements via refs (e.g., e1, e5), fill inputs, take snapshots, and inspect network/console
  • Manage browser sessions, storage state, tracing, and video to support debugging and verification
  • Debug UI issues, verify layouts, and perform on-demand checks across single or multiple pages

Quick Start

Open a page with playwright-cli open, navigate with goto, and interact using element refs like e5.

Frequently Asked Questions about playwright-cli

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

FAQPage Schema
How do I automate browser tasks without writing test code?▼

You can automate browser tasks directly using the playwright-cli Bash interface to navigate pages, interact with elements, and inspect state without writing test code or external runners.

How do I interact with page elements using playwright-cli?▼

Interact with page elements by referencing element refs like e1 or e5, filling inputs, taking snapshots, and inspecting network and console output.

Can I manage browser sessions and storage state for debugging?▼

Yes, you can manage browser sessions, storage state, tracing, and video to support debugging and UI verification across single or multi-step workflows.

Does playwright-cli require a specific binary to be present?▼

Yes, browser automation requires the playwright-cli binary to be present in your environment and adheres to the safety constraints described in its usage constraints.

What is the best way to debug UI issues on demand?▼

Debug UI issues and verify layouts by opening pages, navigating with goto, and performing on-demand checks across single or multiple pages using the Bash interface.

What are the limitations of using Bash for browser automation?▼

Limitations include adhering to safety constraints and using only supported commands, snapshots, and storage features provided by the playwright-cli binary.

Related Skills

Explore More Software Engineering Skills→
aresbitaresbit
46

agent-browser

Automate browser navigation, form filling, and data extraction via CLI.

Community
Intermediate
JordiNodeJSJordiNodeJS

webapp-testing

Automate UI/UX testing of web apps using Chrome DevTools MCP.

Community
Advanced
valkryhxvalkryhx
6

playwright-cli

Automate browser interactions via command-line for navigation, form submission, and screenshots.

Community
Intermediate
BAS-MoreBAS-More

validate-ui

Validate the Archon web UI through browser automation and code review.

Official
Advanced