responsiveness-check

Automate responsive testing by resizing the browser to various viewport widths and capturing layout transitions. This skill automates breakpoint-respecting checks across multiple widths in a single session and generates a concise report detailing layout changes.

The best way to check website responsiveness is to use an automated tool that tests across standard breakpoints. This skill captures per-width screenshots and highlights where designs break, reducing manual testing time for single-page or multi-page sites.

Generate a responsive layout report by running viewport resizing checks on your URLs. The skill outputs a structured markdown report suitable for QA handoffs and a per-breakpoint analysis file with per-width screenshots detailing layout transitions.

Yes, you need browser automation tooling such as playwright-cli or MCP variants to test viewport sizes. This skill requires these dependencies to automate the browser resizing, capture screenshots, and analyze the layout across different widths.

Yes, you can run responsive checks on multiple URLs in a single session. The skill supports comprehensive coverage across multiple URLs and offers Standard, Sweep, and Targeted modes to customize the viewport testing process.

Your website layout breaks at specific viewport widths when CSS breakpoints are not handled gracefully. This skill identifies these exact layout transition points by testing across various widths and highlighting where the design fails to adapt properly.