playwright-tester

Automate visual and functional web app testing with Playwright screenshots and pass/fail reports.

Updated Feb 19, 2026
One-click install
npx skills add https://github.com/KJ-devs/portfolio --skill playwright-tester-kj-devs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-tester
Source: https://github.com/KJ-devs/portfolio/tree/main/.claude/skills/playwright-tester
Command: npx skills add https://github.com/KJ-devs/portfolio --skill playwright-tester-kj-devs

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates visual and functional testing of web applications, ensuring a smooth user experience by verifying UI interactions, animations, and component states.

Core Features & Use Cases

  • Visual Regression Testing: Captures screenshots at each step to visually verify UI changes.
  • Functional Testing: Tests user interactions like clicks, form submissions, and navigation.
  • Error Detection: Monitors and reports console errors and page errors during tests.
  • Use Case: Test the new checkout flow on an e-commerce site, ensuring all buttons work, animations play correctly, and no JavaScript errors occur.

Quick Start

Run the playwright-tester skill to test the login functionality on http://localhost:3000.

Frequently Asked Questions about playwright-tester

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

FAQPage Schema
How do I automate UI testing with Playwright?

To automate UI testing with Playwright, this Skill verifies visual and functional interactions by taking screenshots at each step and reporting pass/fail status. It tests user clicks, form submissions, and navigation automatically.

Can I capture visual regression testing screenshots automatically?

Yes, visual regression testing screenshots are captured automatically at each step. The Skill monitors and verifies UI changes, animations, and component states by taking screenshots to detect visual discrepancies during web application testing.

How do I run e2e testing against a local development server?

To run e2e testing against a local development server, ensure your server is running on port 3000. The Skill executes functional tests against the local environment to verify UI interactions and report console or page errors.

Does this detect JavaScript console errors during functional testing?

Yes, it detects JavaScript console errors during functional testing. The Skill monitors and reports console errors and page errors that occur during test execution, ensuring a smooth user experience without hidden JavaScript failures.

Do I need to install Playwright before automating web application tests?

Yes, you must install Playwright before automating web application tests. The Skill requires the Playwright dependency to be present in your environment and a development server actively running on port 3000 to execute tests.

What is the best way to test an e-commerce checkout flow for UI errors?

The best way to test an e-commerce checkout flow for UI errors is using automated functional and visual testing. This Skill verifies all buttons work, animations play correctly, and no JavaScript errors occur during the checkout process.