qa-detect-loading-states

Detect loading-state defects on live web pages under simulated slow network conditions.

Updated May 22, 2026
One-click install
npx skills add https://github.com/Luqman-Ud-Din/blackbox-qa-agent --skill qa-detect-loading-states
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: qa-detect-loading-states
Source: https://github.com/Luqman-Ud-Din/blackbox-qa-agent/tree/main/skills/qa-detect-loading-states
Command: npx skills add https://github.com/Luqman-Ud-Din/blackbox-qa-agent --skill qa-detect-loading-states

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill finds loading-state failures that make apps feel broken on slow connections, such as endless skeletons, spinning loaders that never clear, blank screens, and content that fails to appear below the fold.

Core Features & Use Cases

  • Slow-network probing: Simulates delayed fetch and XHR requests to observe how the UI behaves over time.
  • Loading-state defect detection: Flags stuck skeletons, spinner overlap, missing critical content, failed lazy loading, and stalled infinite scroll.
  • Mobile-focused QA: Targets mobile viewport behavior where slow-network issues are most noticeable.
  • Use case: Run it on a product page with skeleton screens to verify that real content replaces placeholders and lazy-loaded images still appear under poor network conditions.

Quick Start

Ask the AI to run the loading-state probe on the current mobile page and report any stuck skeletons, spinner overlap, blank-screen waits, lazy-load failures, or infinite-scroll stalls.

Frequently Asked Questions about qa-detect-loading-states

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

FAQPage Schema
How do I detect stuck loading states and skeleton screens on slow networks?

To detect stuck loading states, you can simulate delayed fetch and XMLHttpRequest requests on live mobile pages to observe if skeleton screens, spinners, and lazy-loaded content clear properly over time. This probes timed state sampling to flag endless loaders.

Why do my lazy-loaded images fail to appear on slow mobile connections?

Lazy-loaded images fail on slow mobile connections when UI logic cannot handle delayed fetch responses, causing blank screens below the fold. Simulating throttled network conditions exposes these lazy-load defects by sampling state behavior over time.

How do I test infinite scroll behavior under poor network conditions?

You can test infinite scroll behavior by applying in-page fetch and XMLHttpRequest throttling to simulate poor network conditions, then sampling the UI state over time to identify if content loading stalls or fails to append new items.

Can I check if critical above-fold content survives slow network simulations?

Yes, you can check critical above-fold content by probing live web pages with simulated slow network conditions. This approach verifies whether real content replaces placeholders and identifies blank-screen waits or spinner overlap.

What is the best way to automate mobile QA for spinner overlap and blank screens?

Automating mobile QA for spinner overlap involves running a loading-state probe that throttles network requests and samples timed UI states. This automatically flags overlap, blank screens, and failed placeholders, then restores network hooks.

Does network throttling restore normal page hooks after testing loading states?

Yes, network throttling includes automatic restoration of the page network hooks after testing loading states. This ensures the simulated slow network conditions are removed once the probe completes its timed state sampling.