Skip to main content
Back to registry

responsiveness-check

jezweb/claude-skills

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.

Installs236
Install command
npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykWARN
About this skill
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: 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: Process : When : "responsive sweep", "sweep all breakpoints", "find where it breaks" Test every 160px from 320 to 2560 (15 widths total). Same single-session approach as Standard — just more data points.

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does responsiveness-check do?

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.

Is responsiveness-check good?

responsiveness-check does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does responsiveness-check work with?

responsiveness-check currently lists compatibility with codex, gemini-cli, opencode, kimi-cli, amp, github-copilot.

What are alternatives to responsiveness-check?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install responsiveness-check?

npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check

Related skills

More from jezweb/claude-skills

Related skills

Alternatives in Software Engineering