skills.rest
memyselfmike
memyselfmikeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-testing

Automate UI testing with Playwright and visual regression screenshots.

Updated Aug 23, 2026
Search Tags:#frontend#UI testing#Playwright#QA#regression testing#web automation#browser testing
One-click install
npx skills add https://github.com/memyselfmike/gao-agile-dev --skill ui-testing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-testing
Source: https://github.com/memyselfmike/gao-agile-dev/tree/main/.claude/skills/ui-testing
Command: npx skills add https://github.com/memyselfmike/gao-agile-dev --skill ui-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the tedious and error-prone process of manual UI testing, ensuring that web interfaces are functional, responsive, and visually consistent across changes. It helps catch bugs early, prevents regressions, and saves significant time in quality assurance, allowing developers to focus on building features.

Core Features & Use Cases

  • Playwright Integration: Leverages Playwright for robust browser automation and interaction, simulating real user behavior.
  • Visual Regression Testing: Captures screenshots to compare UI states before and after changes, instantly detecting unintended visual shifts.
  • Workflow Validation: Tests complex multi-step user journeys, ensuring end-to-end functionality and a smooth user experience.
  • Use Case: After a major CSS refactor, use this Skill to automatically navigate through key pages, capture screenshots, and compare them against baselines to instantly identify any visual regressions, saving hours of manual visual inspection and ensuring design integrity.

Quick Start

Using the ui-testing skill, navigate to "http://localhost:5173", wait for the text "Welcome to GAO-Dev", and take a screenshot named "onboarding-start.png".