One-click install
npx skills add https://github.com/mauromedda/agent-toolkit --skill web-automation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-automation
Source: https://github.com/mauromedda/agent-toolkit/tree/main/skills/web-automation
Command: npx skills add https://github.com/mauromedda/agent-toolkit --skill web-automation

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates repetitive web UI testing, debugging, and end-to-end flows by driving modern browsers with Playwright. It enables both interactive automation (login, form handling, multi-step flows) and passive monitoring (network and console capture) in Python or JavaScript environments.

Core Features & Use Cases

  • Interactive automation: automate login sequences, form submissions, and multi-step user journeys across pages.
  • Passive monitoring: collect network and console data during page loads for debugging and verification.
  • End-to-end testing & visual checks: run automated test suites and perform visual regression checks to validate UI changes.

Quick Start

  • Install the required runtimes (Python or Node) and the Playwright library.
  • Use the included example scripts under the scripts/ and references/ directories to prototype common tasks (e.g., element discovery, form interaction, screenshots).
  • Run a quick check against a local web app, for example: uv run ~/.claude/skills/web-automation/examples/python/element_discovery.py http://localhost:3000 See the repository for additional samples and patterns.

Frequently Asked Questions about web-automation

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

FAQPage Schema
How do I automate web UI testing with Playwright for multi-step login flows?

Playwright web automation drives modern browsers to automate interactive login sequences, form submissions, and multi-step user journeys. It provides example scripts under the scripts directory to prototype these deterministic tasks across Python and JavaScript runtimes.

Can I capture network and console data during page loads using Playwright?

Yes, passive monitoring with Playwright captures network and console data during page loads for debugging and verification. This allows you to collect runtime data automatically without directly interacting with the UI elements on the page.

Does this web automation approach support both Python and JavaScript environments?

Yes, this Playwright web automation skill supports both Python and JavaScript environments. It requires compatible runtimes for either language alongside the Playwright library to execute end-to-end testing and interactive browser automation tasks.

What's the best way to start running visual regression checks for web UI changes?

The best way to start visual regression checks is using the included example scripts in the references directory. These scripts prototype common tasks like element discovery and screenshots, enabling you to validate UI changes by running automated test suites with Playwright.

Do I need to install the Playwright library separately before running web automation scripts?

Yes, you need to install the Playwright library and compatible Python or Node runtimes before running web automation scripts. The skill requires this dependency to drive browsers for interactive flows and passive network monitoring tasks.

Why use Playwright for end-to-end testing instead of other browser automation tools?

Playwright enables deterministic end-to-end testing by driving modern browsers across Python and JavaScript. It distinguishes itself by supporting both interactive automation and passive monitoring, including network capture and visual regression checks within a single workflow.