skills.rest
DITEKmax
DITEKmaxCOMMUNITY
Explore all skills by this author →
GitHub

ux-audit

Audit web applications for UX friction using Chrome MCP or Playwright.

Updated Mar 28, 2026
Search Tags:#accessibility#qa#audit#usability#playwright#ux#chrome-mcp
One-click install
npx skills add https://github.com/DITEKmax/rutcampustrack --skill ux-audit-ditekmax
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-audit
Source: https://github.com/DITEKmax/rutcampustrack/tree/main/.agents/skills/ux-audit
Command: npx skills add https://github.com/DITEKmax/rutcampustrack --skill ux-audit-ditekmax

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Helps teams discover real user friction by dogfooding web applications end-to-end, exposing trust/anxiety issues, navigation confusion, layout problems, accessibility gaps, and hidden network/console errors that visual checks alone miss.

Core Features & Use Cases

  • Persona-driven Walkthroughs: Adopt user personas to evaluate comprehension, wayfinding, and flow efficiency.
  • Automated & Manual Modes: Use Chrome MCP for authenticated sessions or Playwright for scripted/parallel scans; supports quick, standard, thorough, and exhaustive depth levels.
  • Evidence-backed Reporting: Capture screenshots, console and network errors, element inventories, and ranked findings with severity and remediation guidance for QA, pre-release checks, and product polish.

Quick Start

Run a standard UX walkthrough against the live site using Chrome MCP if authenticated or Playwright if not, and save the ranked audit report to docs/ux-audit-YYYY-MM-DD.md.

Frequently Asked Questions about ux-audit

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

FAQPage Schema
How do I audit a web application for usability and UX friction?▼

UX friction audits evaluate web applications by running persona-driven walkthroughs and automated QA sweeps using Chrome MCP or Playwright, capturing screenshots, console errors, and layout issues to generate ranked reports with severity and remediation advice.

Can I run UX audits on authenticated web apps?▼

Yes, you can audit authenticated web apps using Chrome MCP to manage authenticated browser sessions. This allows the UX audit to navigate protected pages and workflows to capture screenshots, network errors, and layout detections.

What is the difference between using Chrome MCP and Playwright for UX testing?▼

Chrome MCP is used for authenticated sessions and interactive walkthroughs, while Playwright handles scripted or parallel automated scans. Both collect screenshots, network errors, and layout detections, but Playwright enables exhaustive parallel testing across multiple pages.

How do I automatically capture console and network errors during a QA sweep?▼

You can capture console and network errors during a QA sweep by running automated browser testing with Playwright or Chrome MCP. The audit process collects these hidden errors alongside screenshots and layout detections to expose underlying trust and navigation issues.

What depth levels are available for automated usability testing?▼

Automated usability testing supports quick, standard, thorough, and exhaustive depth levels. These levels determine the intensity of QA sweeps and persona-driven walkthroughs applied across web application pages, workflows, and interactive elements.

Related Skills

Explore More Design & Creative Skills→
nillenille

browser-test

Automate browser UI tests with Playwright MCP and Chrome Bridge.

Community
Advanced
marvinbissmarvinbiss

supabase-report-compare

Compare two Markdown security audit reports to track remediation progress and identify new vulnerabilities.

Community
Intermediate
aporto-techaporto-tech

gstack

Automate QA testing and site dogfooding with a headless browser.

Official
Advanced
AnsteorraAnsteorra
6

web-design-reviewer

Inspect website design issues and apply source-level fixes with Playwright.

Official
Advanced