Skills
.Work. You
Rest

test-responsive

Community

Automate responsive UI testing across viewports.

Software Engineering#testing#playwright#responsive#viewport#visual-regression#ui-tests
AuthorAlexDevFlow
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Automate cross-device UI validation by running responsive tests across four viewports, ensuring consistent layouts and behavior on mobile, tablet, laptop, and desktop.

Core Features & Use Cases

  • Four-viewport regression checks: validate mobile, tablet, laptop, and desktop layouts in parallel.
  • Visual and interaction validation: capture screenshots and traces to detect layout shifts, overflow, and navigation issues.
  • Use Case: teams delivering responsive web apps can proactively catch design regressions before release and verify dark mode/rendering across devices.

Quick Start

Run the four-viewport responsive test against your URL to verify layout fidelity.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: test-responsive
Download link: https://github.com/AlexDevFlow/Claude10XD/archive/main.zip#test-responsive

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.