Responsiveness Check

by jezweb

Responsiveness Check is a Quality skill for Claude Code, published by jezweb in claude-skills.

974 stars102 forkson jezweb/claude-skillsAdded 2026/08/21Repository updated 2026/07/02

View source on GitHub Download repo ZIP

aianthropicautomationclaude-codeclaude-skillscloudflaredevtoolsproductivityreactskillstailwindvite

Install in seconds

Install Responsiveness Check

Copy Responsiveness Check into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/jezweb/claude-skills/tree/main/plugins/dev-tools/skills/responsiveness-check ~/.claude/skills/responsiveness-check

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/jezweb/claude-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: plugins/dev-tools/skills/responsiveness-check/SKILL.md in jezweb/claude-skills
Installs to: ~/.claude/skills/responsiveness-check
Collection: One of 25 skills cataloged from this repository
Category: Quality — 1354 skills

What Responsiveness Check does

Responsiveness Check tests a website across viewport widths in one browser session. It screenshots breakpoints and reports overflow, stacking, navigation changes, and the exact widths where layouts shift or break.

Responsiveness Check is cataloged under Quality on DirSkills. Responsiveness Check comes from a repository tagged ai, anthropic, automation, claude-code and claude-skills.

Documentation

README

Excerpt

Responsiveness Check

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.

Browser Tool Priority

Before starting, detect available browser tools:

This is the opening of the README. Read the full README on GitHub.

Commands Responsiveness Check provides

Slash commands named in this skill’s SKILL.md, listed in the order they first appear.

/playwright-cli

Frequently asked about Responsiveness Check

What else does jezweb publish alongside Responsiveness Check?
Responsiveness Check is one of 25 skills that DirSkills catalogs from jezweb/claude-skills, the repository it ships in. Its siblings there include AI Image Generator, App Documentation Generator and Cloudflare API. Each one is a separate skill with its own page in this directory, installs the same way Responsiveness Check does, and is maintained by jezweb in that same repository. The rest of the collection is listed on the jezweb/claude-skills page.
How does Responsiveness Check compare to other Quality skills?
Responsiveness Check ranks #860 by stars among the 1354 Quality skills in this catalog. The most-starred ones next to it are Benchmark, Benchmark Optimization Loop and API Design Patterns. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Responsiveness Check against them. Open each page to compare what they document and how they install.