Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From hatch3r
Browser automation and end-to-end web testing with Playwright. Use for running test suites, capturing screenshots/traces, and recording interactions via codegen.
npx claudepluginhub hatch3r/hatch3rHow this skill is triggered — by the user, by Claude, or both
Slash command
/hatch3r:hatch3r-cli-playwrightThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
<!-- HATCH3R-CLI-SKILL-GENERATED v1 -->
Automates browser tasks and E2E testing with Playwright: auto-detects dev servers, generates scripts for pages, forms, screenshots, responsive design, UX validation, login flows, cross-browser checks in TypeScript/JavaScript/Python projects.
Automates browser tasks via Playwright CLI for AI agents: navigate pages, take snapshots/screenshots, fill forms, click elements from command line. Use with shell access.
Automates browser tasks with Playwright: tests pages, fills forms, screenshots, responsive design, UX validation, login flows, link checks. Auto-detects dev servers, runs visible browser.
Share bugs, ideas, or general feedback.
Browser automation, web testing, and UI interaction
Reach for playwright when the task is in the browser category and the agent would otherwise call an MCP tool or read large outputs into context.
CLI tools return structured stdout that fits in <1KB for typical queries; equivalent MCP calls regularly exceed 10KB. Reference: Anthropic engineering (Nov 4 2025) — code-execution-over-MCP yields 98.7% token reduction.
npx playwright test
Run the full suite; non-zero exit on first failing spec.
npx playwright test --grep '@smoke' --workers=1
Filter by tag and serialize workers — stable output for agent log scraping.
npx playwright test tests/login.spec.ts --reporter=line
Single-file run with one-line-per-test reporter — fits in <1KB stdout.
npx playwright codegen https://example.com
Record interactions into a generated spec — human-in-the-loop authoring; not for autonomous runs.
npx playwright test --update-snapshots
Refresh visual/text snapshots after intentional UI changes; review the diff before committing.
npx playwright show-report
Open the HTML report locally — human triage step; agents should parse test-results/results.json instead.
curl + jq (Tier 1) for ~50x faster runs.curl plus a server-side renderer is cheaper than the full Playwright install.| Tool | When to prefer |
|---|---|
curl + jq | API-only tests; no DOM involved. |
| Stagehand | Agent drives the browser with natural language rather than fixed scripts. |
| Cypress | Existing Cypress suite or component-test workflow; otherwise prefer Playwright for multi-browser support. |
Verify with:
command -v playwright
Install (mac):
# npm
npm install -D @playwright/test && npx playwright install
Homepage: https://playwright.dev/