webapp-testing

Automate end-to-end web app testing with headless Playwright sessions.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/JoaoPedroAmaral/backBarbearia --skill webapp-testing-joaopedroamaral
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/JoaoPedroAmaral/backBarbearia/tree/main/.claude/skills/webapp-testing
Command: npx skills add https://github.com/JoaoPedroAmaral/backBarbearia --skill webapp-testing-joaopedroamaral

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Web applications have many routes, APIs, and UI states that must be validated across deploys; manual checks are slow, error-prone, and often miss accessibility or visual regressions. This Skill centralizes discovery, automated checks, and lightweight audits so teams can quickly verify page health, accessibility, and basic performance without building custom browser tooling from scratch.

Core Features & Use Cases

  • Automated route and endpoint discovery guidance and mapping for comprehensive coverage.
  • Playwright runner to perform headless browser navigation, capture page metadata, element counts, and performance timings.
  • Accessibility checks (basic a11y metrics), optional full-page screenshots saved to a temporary directory, and visual testing guidance.
  • CI integration patterns for installing browsers, running tests, and uploading artifacts such as traces, screenshots, and failures.
  • Use case: Run a scheduled audit after deploy to verify login flows, critical purchase paths, and key marketing pages for regressions and accessibility issues.

Quick Start

Run the webapp-testing skill to perform a Playwright E2E audit of https://example.com with accessibility checks and an optional screenshot.

Frequently Asked Questions about webapp-testing

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

FAQPage Schema
How do I automate end-to-end web testing and accessibility audits with Playwright?▼

Automated end-to-end web testing with Playwright runs headless browser sessions to validate UI health, capture accessibility metrics, and detect visual regressions across application routes. It centralizes discovery and lightweight audits to replace slow manual checks.

What metrics does a Playwright headless browser session collect during a web audit?▼

A Playwright headless web audit collects page metadata, accessibility metrics, performance timings, and element counts. It also captures optional full-page screenshots to a temporary directory for visual regression testing and route discovery.

Can I use this to run E2E tests and visual regression checks in a CI pipeline?▼

Yes, you can integrate this into CI pipeline test stages for web applications. It provides patterns for installing Playwright browsers, running automated tests, and uploading artifacts like failure traces and screenshots after deploy.

Do I need Playwright installed to run automated web accessibility scans and route discovery?▼

Yes, Playwright must be installed in your environment to run these automated web accessibility scans and route discovery. The runner depends on headless Playwright browser sessions to navigate web applications and collect page health data.

What is the best way to verify web application health and key purchase paths after a deploy?▼

The best way to verify web application health after a deploy is running a scheduled automated audit. This validates critical purchase paths and key marketing pages by checking for UI regressions, API health, and accessibility issues without custom browser tooling.