skills.rest
forgivesam168
forgivesam168COMMUNITY
Explore all skills by this author →
GitHub

webapp-testing

Automate local web app testing with Playwright across multiple viewports.

2|1|Updated Feb 5, 2026
Search Tags:#test automation#Playwright#console logs#screenshot capture#network inspection#browser debugging#web UI testing
One-click install
npx skills add https://github.com/forgivesam168/ai-dev-workflow --skill webapp-testing-forgivesam168
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/forgivesam168/ai-dev-workflow/tree/main/skills/webapp-testing
Command: npx skills add https://github.com/forgivesam168/ai-dev-workflow --skill webapp-testing-forgivesam168

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a practical toolkit to automate and verify local web applications using Playwright, reducing manual testing time and catching UI regressions early.

Core Features & Use Cases

  • Browser automation: navigate to pages, interact with elements, and submit forms.
  • UI validation and debugging: verify element visibility, text content, and capture screenshots and logs.
  • Diagnostics across viewports: test responsive behavior and inspect network activity.

Quick Start

Run a Playwright-based test to open the local app at http://localhost:3000, verify the title, and capture a screenshot for debugging.

Frequently Asked Questions about webapp-testing

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

FAQPage Schema
How do I automate web UI testing for a local app using Playwright?▼

Playwright automates web UI testing by navigating to your local app, interacting with elements, and submitting forms. It captures screenshots and logs to verify visibility and text content across multiple viewports.

Can I capture console logs and network activity during browser debugging?▼

Yes, browser debugging captures console logs and inspects network activity automatically. It validates element visibility and text content while testing responsive behavior across multiple viewports.

Do I need to install Playwright manually before testing local web applications?▼

No, Playwright installs automatically if missing. You only need Node.js installed to run automated tests targeting your local app or URL, capturing screenshots and logs without manual setup.

What is the best way to verify responsive behavior across multiple viewports?▼

Using Playwright to test your local web app across multiple viewports verifies responsive behavior. It captures screenshots and inspects network activity to diagnose UI issues across different screen sizes.

Does Playwright test automation work with a local URL like http://localhost:3000?▼

Yes, Playwright test automation targets local URLs like http://localhost:3000. It opens the local app, verifies the title, and captures a screenshot for debugging your web application UI.

Related Skills

Explore More Software Engineering Skills→
xxihxxih
1

e2e-testing

Execute Playwright web app tests and generate HTML reports with CI/CD compatibility.

Community
Advanced
janjaszczakjanjaszczak

mcp-browser-verify

Validate UI flows and reproduce issues with Playwright browser automation.

Community
Intermediate
faizkhairifaizkhairi
64

e2e-check

Automate end-to-end testing and interactive browser verification with Playwright.

Community
Intermediate
mikivujkovicmikivujkovic

tdd-playbook

Enforce one failing test at a time with minimal code to pass.

Community
Basic