qa-detect-orientation-flip

Detect layout and state defects from portrait-to-landscape screen rotation.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill finds defects that only appear when a mobile or tablet screen rotates between portrait and landscape, such as broken layouts, hidden primary actions, lost form state, and missing orientation handling.

Core Features & Use Cases

  • True rotation testing: Swaps viewport width and height to simulate real device rotation instead of relying on static checks.
  • Landscape regression detection: Flags new overflow, clipped content, and viewport-specific layout issues introduced by rotation.
  • State preservation checks: Verifies whether form input, scroll position, and interactive state survive orientation changes.
  • Use case: Run it on a responsive checkout or signup flow to catch action buttons that disappear in landscape or forms that reset after turning the device.

Quick Start

Use this skill to test the current page for portrait-to-landscape rotation bugs on mobile or tablet viewports.

Frequently Asked Questions about qa-detect-orientation-flip

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

FAQPage Schema
Why do buttons disappear on my mobile page after rotating from portrait to landscape?

Landscape overflow often clips primary actions or breaks the layout when viewport dimensions swap. True rotation testing swaps width and height to simulate device rotation, catching hidden buttons introduced by the resize event.

How do I test if my responsive form preserves state during screen rotation?

Screen rotation state preservation testing verifies whether form input, scroll position, and interactive controls survive orientation changes on mobile and tablet viewports, ensuring user data is not lost when the viewport resizes.

Can I detect landscape layout bugs on tablet viewports without a physical device?

Yes, you can detect landscape layout bugs on tablet viewports by simulating real device rotation. This process swaps the viewport width and height to validate orientation handling and flag landscape-specific overflow without physical hardware.

What is the best way to catch responsive layout bugs caused by orientation change?

The best way to catch responsive layout bugs is to perform real viewport swapping combined with resize handling validation. This approach identifies clipped content, missing orientation handling, and lost form state that static checks miss.

When should I test mobile checkout flows for rotation-related defects?

You should test mobile checkout flows for rotation-related defects whenever the page must preserve visible content and primary actions across portrait-landscape transitions, as turning the device can reset forms or hide action buttons.