frontend-ux-qa-pro

Audit frontend UI/UX quality with Playwright MCP and generate markdown reports.

1|Updated Mar 8, 2026
One-click install
npx skills add https://github.com/ralphjohn29/my-claude-skills --skill frontend-ux-qa-pro
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-ux-qa-pro
Source: https://github.com/ralphjohn29/my-claude-skills/tree/main/frontend-ux-qa-pro
Command: npx skills add https://github.com/ralphjohn29/my-claude-skills --skill frontend-ux-qa-pro

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the tedious and error-prone process of manually auditing websites for UI/UX quality, accessibility issues, and AI-generated content flaws.

Core Features & Use Cases

  • Comprehensive Audits: Performs visual, accessibility, performance, and AI content quality checks.
  • Actionable Reports: Generates detailed markdown reports identifying specific issues, severity, and fix locations.
  • Use Case: Run a full QA audit on a new marketing landing page before launch to catch layout bugs, accessibility violations, and ensure the copy isn't generic AI-generated text.

Quick Start

Run a UI/UX audit on the provided website URL.

Frequently Asked Questions about frontend-ux-qa-pro

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

FAQPage Schema
How do I automate UI/UX QA audits for my website?

Automate website UI/UX QA audits using Playwright MCP to perform visual, accessibility, performance, and AI content quality checks. The tool evaluates the URL and generates a detailed markdown report for issue remediation.

What's the best way to check website accessibility compliance before launch?

Check website accessibility compliance by running a Playwright MCP audit that evaluates UI/UX quality and identifies violations. The audit produces a comprehensive markdown report detailing specific issues and fix locations.

Can I detect generic AI-generated content during frontend testing?

Detect generic AI-generated content during frontend testing by running a comprehensive Playwright MCP audit. The process evaluates AI content quality alongside visual layout and accessibility, flagging generic copy in the final report.

How do I validate website layout and catch visual regression bugs?

Validate website layout and catch visual regression bugs by executing a Playwright MCP audit. The audit performs visual checks across the UI/UX, identifies layout issues, and outputs a markdown report with severity levels for remediation.

Does Playwright support comprehensive frontend QA reporting?

Playwright supports comprehensive frontend QA reporting when paired with Playwright MCP. It conducts visual, accessibility, performance, and AI content checks, generating actionable markdown reports that identify specific issues and fix locations.

Why should I use automated frontend QA instead of manual website auditing?

Use automated frontend QA to eliminate the tedious and error-prone process of manually auditing websites. Playwright MCP automation performs comprehensive UI/UX, accessibility, and AI content checks, producing detailed markdown reports for quick remediation.