skills.rest
HMWKR
HMWKRCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

playwright-design-audit

Audit UI/UX and design quality across 450 checklist items with multi-agent teams.

Updated Aug 23, 2026
Search Tags:#quality assurance#accessibility#design audit#playwright#ux audit#ai agent teams
One-click install
npx skills add https://github.com/HMWKR/dotclaude --skill playwright-design-audit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-design-audit
Source: https://github.com/HMWKR/dotclaude/tree/main/skills/playwright-design-audit
Command: npx skills add https://github.com/HMWKR/dotclaude --skill playwright-design-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates comprehensive UI/UX and Design Quality audits, identifying issues across ~450 checklist items with specialized AI teams.

Core Features & Use Cases

  • Unified Audit: Integrates UI/UX, design quality, brand consistency, and accessibility checks.
  • Specialized AI Teams: Employs up to 19 AI agents for in-depth analysis across multiple "waves".
  • UX Scoring: Provides a detailed UX score (0-100) across 18 dimensions.
  • Modes: Offers basic, pro, expert, and focus modes for tailored audits.
  • Use Case: Run a full design audit on your competitor's website to identify areas for improvement in user experience and visual appeal.

Quick Start

Perform a design audit on the provided URL 'https://www.example.com' using the expert mode.

Frequently Asked Questions about playwright-design-audit

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

FAQPage Schema
How do I automate a UI/UX design audit for a website?▼

To automate a UI/UX design audit, you can use a multi-agent system to analyze approximately 450 checklist items across 24 categories. This process evaluates typography, accessibility, and brand coherence to generate a detailed UX score with actionable insights.

What is a multi-agent UX audit and how does it work?▼

A multi-agent UX audit employs specialized AI agents across multiple analysis waves. These agents evaluate 18 weighted dimensions to produce a 0-100 UX score, identifying comprehensive design quality and accessibility issues.

How do I run a focus mode design audit on a specific URL?▼

You can run a focus mode design audit by providing a target URL to the system. It supports basic, pro, expert, and focus modes, allowing you to tailor the depth of the UI/UX analysis to your specific requirements.

Do I need experimental agent team features enabled for accessibility auditing?▼

Yes, you need experimental agent team features enabled to perform accessibility auditing with this system. The multi-wave analysis relies on these specialized AI agents to evaluate accessibility across 24 categories.

What is the best way to evaluate competitor website user experience?▼

The best way to evaluate competitor website user experience is running an expert mode design audit. It analyzes visual appeal and user experience across 18 weighted dimensions, providing a detailed UX score and actionable insights.

Related Skills

Explore More Design & Creative Skills→
friedbotstudiofriedbotstudio
5

swarm-dispatch

Coordinate wave-based swarm task execution with filesystem isolation and merge auditing.

Official
Advanced
modu-aimodu-ai
4

agency-evaluation-criteria

Evaluate agency deliverables against weighted quality criteria with Playwright testing.

Official
Advanced
aronpcaronpc
1

ui-ux

Identify and validate visual UI/UX inconsistencies across web applications.

Community
Intermediate
abdullah1854abdullah1854
1

agent-evaluation

Develop evaluation frameworks for non-deterministic agent systems.

Community
Advanced