Skills
.Work. You
Rest

responsive-breakpoint-check

Community

Ensure UI responsiveness across devices.

Software Engineering#responsive design#UI testing#Playwright#browser testing#viewport testing
AuthorMesteriis
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps identify UI issues such as overflow, clipping, and navigation problems across different device widths, ensuring a seamless user experience.

Core Features & Use Cases

  • Viewport Testing: Checks UI elements on desktop, tablet, and mobile widths.
  • Overflow and Clipping Detection: Inspects for overflow, wrapping, and clipped controls.
  • Navigation and Layout Validation: Verifies sticky headers, sidebars, dialogs, grids, charts, media, and touch targets.
  • Use Case: Use this Skill to test a web application's UI before deployment, ensuring it works correctly on various devices.

Quick Start

Run the responsive-breakpoint-check skill on your UI to ensure it's responsive across all devices.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 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-breakpoint-check
Download link: https://github.com/Mesteriis/Engineering-Bible-AI/archive/main.zip#responsive-breakpoint-check

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 620,000+ vetted skills library on demand.