Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →jezweb/responsiveness-check
Test website responsiveness across viewport widths using browser automation. Resizes a single session through breakpoints, screenshots each width, and detects layout transitions (column changes, nav switches, overflow). Produces comparison reports showing exactly where layouts break. Trigger with 'responsiveness check', 'check responsive', 'breakpoint test', 'viewport test', 'responsive sweep', 'check breakpoints', or 'test at mobile'.
Passed 14 of 22 test cases with the skill, and 7 of 22 without it.
and 6 more in the full report
7 fixed7 passed either way8 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 7 test cases the skill fixed. Same model, same prompt, with and without the skill.
When evaluating touch target compliance on mobile screen widths below 768px during a layout check, what minimum dimension in pixels must interactive elements satisfy?
| Checked | Without skill | With skill |
|---|---|---|
| Enforces 44px as the minimum dimension threshold for touch targets | Missed | Passed |
The instructions your model reads when the skill loads.
Test how a website's layout responds to viewport width changes. Resizes through breakpoints in a single browser session, screenshots each width, compares adjacent sizes, and reports where layouts break.
What this tests: Layout responsiveness — overflow, stacking, navigation transitions, content reflow.
What this does NOT test: General accessibility (ARIA, semantic HTML, heading hierarchy, colour contrast). Those don't vary by viewport width — use the ux-audit skill instead.
Before starting, detect available browser tools:
/playwright-cli first to load the full command reference.mcp__plugin_playwright_playwright__*) — browser_resize for viewport changes.mcp__claude-in-chrome__*) — resize_window for viewport changes. Uses the user's logged-in Chrome session.If none are available, inform the user and suggest installing playwright-cli or Playwright MCP.
When: "check responsive", "responsiveness check", "test breakpoints"
Test 8 key breakpoints that cover the device spectrum:
| Width | Device Context |
|---|---|
| 320px | Small phone (iPhone SE) |
| 375px | Standard phone (iPhone 14) |
| 768px | Tablet portrait (iPad) |
| 1024px | Tablet landscape / small laptop |
| 1280px | Laptop |
| 1440px | Desktop |
| 1920px | Full HD |
| 2560px | Ultra-wide / 4K |
Process:
test cases passed, vs 7 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.