skills.rest
Luqman-Ud-Din
Luqman-Ud-DinCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

qa-detect-ux-feedback

Detect missing UX feedback states in browser-rendered web interfaces via DOM inspection.

Updated May 22, 2026
Search Tags:#ui audit#ux feedback#empty state#loading indicator#modal accessibility#stale timestamp
One-click install
npx skills add https://github.com/Luqman-Ud-Din/blackbox-qa-agent --skill qa-detect-ux-feedback
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: qa-detect-ux-feedback
Source: https://github.com/Luqman-Ud-Din/blackbox-qa-agent/tree/main/skills/qa-detect-ux-feedback
Command: npx skills add https://github.com/Luqman-Ud-Din/blackbox-qa-agent --skill qa-detect-ux-feedback

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill finds interface states that leave users without clear feedback, such as empty tables, blank lists, undismissable modals, and loading areas that show no progress indicator.

Core Features & Use Cases

  • Empty-state detection: Flags tables and list-like regions that have no rows or items and no nearby “No results” style message.
  • Modal usability checks: Detects dialogs that lack a visible close control, ESC dismissal support, or backdrop dismissal behavior.
  • Loading feedback review: Identifies busy or loading containers that appear blank instead of showing a spinner, progress element, or loading text.
  • Stale sync signal detection: Spots outdated “last synced” timestamps when a refresh or sync action is present, helping catch broken update flows.

Quick Start

Run the qa-detect-ux-feedback skill on the current page to surface missing empty states, modal dismissal issues, loading feedback gaps, and stale sync timestamps.

Frequently Asked Questions about qa-detect-ux-feedback

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

FAQPage Schema
How do I detect missing empty states and loading indicators in my web interface?▼

You can detect missing empty states by inspecting the DOM of visible elements to flag tables, lists, and containers that lack rows or progress feedback. This identifies blank loading areas and regions missing empty state messages.

What is modal accessibility checking for undismissable dialogs?▼

Modal accessibility checking identifies dialogs that lack visible close controls, ESC key dismissal support, or backdrop dismissal behavior. It ensures users can reliably exit open modals without getting trapped in the interface.

How do I check for stale synchronization timestamps in my browser-rendered pages?▼

To check for stale sync timestamps, inspect timestamp patterns on visible browser-rendered pages. This detects outdated last synced indicators when a refresh action is present, helping catch broken update flows.

Can I use this UX feedback audit on any browser-rendered page?▼

Yes, you can use this UX feedback audit on browser-rendered pages. It requires DOM inspection of visible elements, modal controls, loading indicators, and timestamp patterns to surface user-facing feedback gaps.

What is the best way to review loading feedback gaps in web applications?▼

The best way to review loading feedback gaps is to inspect busy or loading containers in the DOM. This identifies areas that appear blank instead of displaying a spinner, progress element, or loading text.

Related Skills

Explore More Design & Creative Skills→
jaimedhenriquesjaimedhenriques

chrome-devtools

Control live Chrome sessions to navigate pages, inspect state, and analyze network traffic.

Community
Advanced
curielmccurielmc

plan-design-review

Review UI/UX design plans for missing decisions and propose testable amendments.

Community
Advanced
pacphipacphi
14

Chrome DevTools

Debug web pages via Chrome DevTools MCP with performance, network, and DOM inspection.

Community
Advanced
act70255act70255

ui-visual-validator

Validate UI components for visual consistency, design system compliance, and accessibility.

Community
Advanced