ui-ux-tester

Validate UI/UX flows end-to-end and report defects with reproduction steps.

22|2|Updated Mar 24, 2026
One-click install
npx skills add https://github.com/jshsakura/awesome-opencode-skills --skill ui-ux-tester
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-tester
Source: https://github.com/jshsakura/awesome-opencode-skills/tree/main/skills/ui-ux-tester
Command: npx skills add https://github.com/jshsakura/awesome-opencode-skills --skill ui-ux-tester

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Own UI and UX testing as adversarial flow validation from a frustrated user's perspective, not happy-path verification.

Core Features & Use Cases

  • exhaustive coverage of every documented feature, including settings, error states, and empty states
  • micro-interaction failures: stale loading spinners, silent failures, missing feedback
  • visual issues: alignment, spacing anomalies (excessive or insufficient white space), padding/margin inconsistency, contrast
  • logic gaps: dead ends, navigation loops, broken back behavior, state desync after refresh
  • input validation behavior under valid, invalid, empty, oversized, and adversarial inputs
  • responsive and platform behavior across viewport sizes and input modes
  • accessibility signals visible from the surface: keyboard reachability, focus order, labels

Quick Start

Run a comprehensive end-to-end UI/UX test against the documented flows and report defects with precise reproduction steps and visuals.

Frequently Asked Questions about ui-ux-tester

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

FAQPage Schema
How do I test UI/UX flows for usability gaps and defects beyond happy-path validation?

UI/UX testing from a frustrated user perspective validates end-to-end flows to identify defects and usability gaps. It exhaustively covers every documented feature, including settings, error states, and empty states to surface micro-interaction failures.

What is adversarial input validation and how does it find logic gaps in user interfaces?

Adversarial input validation tests behavior under valid, invalid, empty, oversized, and adversarial inputs to find logic gaps. It detects dead ends, navigation loops, broken back behavior, and state desync after refresh.

How do I check accessibility signals like keyboard reachability and focus order during UX testing?

Accessibility signals are checked by validating keyboard reachability, focus order, and labels across the interface. This surface-level testing ensures consistent behavior and accessibility across different devices, viewports, and input methods.

What is the best way to report visual regression defects like spacing anomalies and contrast issues?

The best way to report visual regression defects is producing a structured report with reproduction steps, severity, and visual evidence. This captures alignment issues, padding inconsistency, and contrast problems precisely.

Does UI/UX testing work across different viewport sizes and input modes?

UI/UX testing works across viewport sizes and input modes by applying responsive and platform behavior validation. It ensures consistent behavior and accessibility across all tested devices and input methods.

Why does silent failure and missing feedback happen in micro-interactions during testing?

Silent failure and missing feedback in micro-interactions happen when interfaces lack proper state updates or loading indicators. UI/UX testing identifies these failures, including stale loading spinners, by validating exhaustive user flows.