Developer prompt uses MCP Playwright to audit responsive design across all viewports
Hudson Atwell of the GBTI Network has published a structured prompt designed to guide developers through a comprehensive responsive design audit using MCP Playwright. The prompt instructs users to capture full-page screenshots and inspect major site sections across a detailed matrix of mobile, tablet, and desktop viewport sizes. A core principle of the approach is treating desktop browser narrowing and confirmed mobile devices as distinct experiences, rather than applying a single responsive rule to all narrow viewports. For desktop views, the strategy prioritizes compressing existing layouts through scaling adjustments before restructuring, while mobile viewports warrant native restructuring such as stacking columns or converting sections into accordions. The prompt is intended to be reusable as a repeatable skill for identifying issues like text overflow, broken grids, poor touch targets, and weak visual hierarchy.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in