responsive-design-tests
OfficialEnsure your UI adapts flawlessly across devices and breakpoints.
Authorsoofi-xyz
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the verification of visual and responsive design consistency across multiple device sizes and screen resolutions, reducing manual testing effort.
Core Features & Use Cases
- Automated Visual Regression Checks: Generate and validate UI layout correctness for different breakpoints using Playwright.
- Cross-Device Compatibility: Test and ensure UI responsiveness across mobile, tablet, and desktop environments.
- Use Case: When launching a new website layout, use this Skill to verify consistent spacing, font sizes, and element positioning on all targeted devices and screen widths.
Quick Start
Use the responsive design tests to validate the visual layout of your landing page across key device sizes and ensure design integrity before deployment.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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: responsive-design-tests Download link: https://github.com/soofi-xyz/soofi-xyz-team-kit/archive/main.zip#responsive-design-tests Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.