agentsclimarketplace
Sign in

Playwright

Skill aizech/bernhard-zechmann-skills/skills/engineering/playwright

Drive a real browser from the terminal for navigation, form filling, snapshots, screenshots, and UI debugging. Use when the user wants terminal-first browser automation with Playwright.From its SKILL.md

Install
npx -y skills add aizech/bernhard-zechmann-skills --skill playwright

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its file declares

Copied from the file, not written here

The file declares its own license as MIT. That is the author’s claim about this one file, and it is not the same thing as the license GitHub reports for the repository, which is listed with the other numbers below.

SKILL.md

2.1 KB, 435 tokens by cl100k_base, as published. Nobody here has run it

Playwright CLI

Drive a real browser from the terminal using Playwright.

Prerequisite

Check for npx:

command -v npx >/dev/null 2>&1

If missing, ask the user to install Node.js/npm.

Quick start

Use the wrapper script or npx directly:

npx --package @playwright/cli playwright-cli open https://example.com --headed
npx --package @playwright/cli playwright-cli snapshot
npx --package @playwright/cli playwright-cli click e3
npx --package @playwright/cli playwright-cli screenshot

Core workflow

  1. Open the page.
  2. Snapshot to get stable element refs.
  3. Interact using refs from the latest snapshot.
  4. Re-snapshot after navigation or big DOM changes.
  5. Capture artifacts when useful.

Re-snapshot after

  • Navigation
  • Clicking elements that change the UI
  • Opening/closing modals or menus
  • Tab switches

Refs can go stale. When a command fails, snapshot again.

Patterns

Form fill and submit

npx --package @playwright/cli playwright-cli open https://example.com/form
npx --package @playwright/cli playwright-cli snapshot
npx --package @playwright/cli playwright-cli fill e1 "[email protected]"
npx --package @playwright/cli playwright-cli fill e2 "password123"
npx --package @playwright/cli playwright-cli click e3
npx --package @playwright/cli playwright-cli snapshot

Debug with traces

npx --package @playwright/cli playwright-cli open https://example.com --headed
npx --package @playwright/cli playwright-cli tracing-start
# ...interactions...
npx --package @playwright/cli playwright-cli tracing-stop

Guardrails

  • Snapshot before referencing element ids.
  • Prefer explicit CLI commands over arbitrary code execution.
  • Use --headed when a visual check helps.
  • Default to CLI commands, not Playwright test specs.

What ships with it: 8 files

18.4 KB alongside SKILL.md, 1 of them executable

agents/

assets/

references/

scripts/

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.