Does this skill support CI/CD integration?

Yes, it can automatically generate GitHub Actions workflows to run your E2E, accessibility, and visual tests on every pull request.

What is the benefit of the Playwright MCP integration?

The MCP integration allows Claude to navigate your web application, take screenshots, and capture accessibility snapshots directly to assist with debugging and implementation.

Does it support accessibility standards?

Yes, it integrates axe-core to ensure your application meets WCAG (A, AA, AAA) compliance levels through automated checks.

What testing framework does this skill use?

It uses Playwright as the primary engine for E2E, accessibility, and visual regression testing due to its speed and cross-browser support.

Can it fix my testing setup automatically?

Yes, using the --fix flag allows the skill to automatically install dependencies, create configuration files, and set up test helpers.

UX Testing Configuration

Name: UX Testing Configuration
Author: laurigates

bylaurigates

•

Security & Testing

Configures comprehensive UX testing infrastructure including Playwright E2E, accessibility audits, and visual regression testing.

This skill automates the setup and maintenance of a modern UX testing stack, integrating Playwright for end-to-end testing, axe-core for WCAG accessibility compliance, and screenshot-based visual regression. It analyzes existing project structures to identify testing gaps, generates optimized configurations, sets up CI/CD workflows, and enables Claude to perform browser automation via MCP. It is an essential tool for developers looking to establish high-quality UI/UX testing standards with minimal manual boilerplate.

Key Features

01Automated Playwright E2E and cross-browser environment setup

02GitHub Actions CI/CD workflow generation for automated test execution

03Integrated accessibility testing with axe-core for WCAG compliance

0410 GitHub stars

05Visual regression testing with automated screenshot assertions

06Playwright MCP server integration for AI-driven browser automation

Use Cases

01Adding automated WCAG 2.1 accessibility audits to a frontend application

02Implementing visual regression testing to prevent unintended UI changes

03Initializing a complete E2E testing suite in a new or legacy web project

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add laurigates/claude-plugins configure-ux-testing

For use in Claude.ai and ChatGPT

Download Skill