test-ui-verification

Automate UI verification for web and desktop applications using Playwright.

Updated Mar 11, 2026
One-click install
npx skills add https://github.com/mdmagnuson-creator/helm-ade-toolkit --skill test-ui-verification
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: test-ui-verification
Source: https://github.com/mdmagnuson-creator/helm-ade-toolkit/tree/main/skills/test-ui-verification
Command: npx skills add https://github.com/mdmagnuson-creator/helm-ade-toolkit --skill test-ui-verification

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill ensures that all UI changes are thoroughly verified in a browser or application before task completion, preventing regressions and maintaining a high-quality user experience.

Core Features & Use Cases

  • Automated UI Verification: Playwright automatically verifies UI changes as part of the quality check pipeline.
  • Test Generation: Generates reusable Playwright test scripts for UI verification.
  • Architecture-Aware Strategy: Detects application architecture (desktop, web, mobile) to choose the optimal verification strategy.
  • Selector Strategy Enforcement: Supports strict (data-testid) and flexible selector strategies.
  • Analysis Probe Mode: Allows for lightweight, ephemeral checks during the analysis phase to confirm code conclusions against live app state.

Quick Start

Use the test-ui-verification skill to automatically verify UI changes in the application.

Frequently Asked Questions about test-ui-verification

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

FAQPage Schema
How do I automate Playwright e2e testing for web and desktop apps?

You can automate UI verification for web and desktop applications using Playwright by generating and executing test scripts based on application architecture. It supports browser-based testing and Playwright-Electron for desktop apps.

Can I use Playwright to verify UI changes in an Electron desktop app?

Yes, Playwright can verify UI changes in Electron desktop apps using the Playwright-Electron strategy. The skill detects application architecture to choose the optimal verification strategy for desktop environments.

How do I generate reusable Playwright test scripts automatically?

The skill generates reusable Playwright test scripts for UI verification based on your application architecture. It automates test generation to ensure UI changes are thoroughly verified before task completion.

What selector strategies does Playwright support for UI verification?

Playwright UI verification supports strict selector strategies using data-testid and flexible selector strategies. It also offers an analysis probe mode for lightweight, ephemeral checks during the analysis phase.

Why should I run UI verification tests before completing a development task?

Running UI verification tests before task completion ensures all UI changes are thoroughly checked in a browser or application. This prevents regressions and maintains a high-quality user experience.