skills.rest
orenmagid
orenmagidCOMMUNITY
Explore all skills by this author →
GitHub

cabinet-small-screen

Audits UI viewport adaptability across devices for overflow and touch-target defects.

Updated Aug 23, 2026
Search Tags:#layout#responsive-design#overflow#viewport#mobile-testing#ui-audit#touch-target
One-click install
npx skills add https://github.com/orenmagid/claude-cabinet --skill cabinet-small-screen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cabinet-small-screen
Source: https://github.com/orenmagid/claude-cabinet/tree/main/templates/skills/cabinet-small-screen
Command: npx skills add https://github.com/orenmagid/claude-cabinet --skill cabinet-small-screen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

A viewport adaptability expert who evaluates whether this interface works across screen sizes from 375px phones to 1440px desktops. It notices hard-coded pixel widths, overflow on narrow viewports, undersized touch targets, and missing responsive layout switches. Activates during audits and when reviewing layout code.

Core Features & Use Cases

  • Tests UI responsiveness across devices and viewport sizes during audits.
  • Detects hard-coded dimensions, overflow, and touch-target issues in UI code.
  • Guides layout adaptivity reviews for mobile, tablet, and desktop contexts.

Quick Start

Use the cabinet-small-screen skill during audits to test viewport responsiveness and identify critical issues.

Frequently Asked Questions about cabinet-small-screen

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit UI responsiveness across mobile and desktop viewports?▼

To audit UI responsiveness, evaluate the interface across screen sizes from 375px phones to 1440px desktops to detect hard-coded pixel widths, overflow on narrow viewports, and missing layout switches to validate adaptability.

What causes layout overflow on narrow mobile viewports?▼

Layout overflow on narrow viewports is typically caused by hard-coded pixel widths and missing responsive layout switches. Auditing viewport adaptability identifies these fixed dimensions and guides fixes for mobile contexts.

How do I check for undersized touch targets in my UI code?▼

To check for undersized touch targets, perform a UI audit that evaluates layout behavior across devices. This review detects touch-target sizing issues and provides guidance for fixing responsive design flaws.

Does this responsive design audit work for tablet and desktop screens?▼

Yes, responsive design audits work for tablet and desktop screens by evaluating viewport adaptability from 375px to 1440px. This testing validates layout behavior and identifies hard-coded dimensions across all device contexts.

When should I run a viewport adaptability review during web development?▼

You should run a viewport adaptability review during audits of web interfaces to validate mobile, tablet, and desktop responsiveness. It enforces detection of responsive flaws and activates when reviewing layout code.

Related Skills

Explore More Design & Creative Skills→
nkabbarankabbara

make-responsive

Apply mobile-first responsive classes to UI layouts for multiple viewport widths.

Community
Intermediate
rafaelminatto1rafaelminatto1

mobile-games

Audit mobile game projects for touch targets, FPS stability, and platform compliance.

Community
Intermediate
krzemienskikrzemienski
2

responsive-validation

Validate responsive UI layouts across device viewports and breakpoints.

Community
Advanced
Alone-Y154Alone-Y154

Frontend Responsive Design Standards

Enforce mobile-first responsive design standards for web interfaces across screen sizes.

Community
Intermediate