Skills
.Work. You
Rest

audit-responsive

Official

Fix mobile breakpoints before users do

Design & Creative#static analysis#tailwind#ui debugging#responsive audit#mobile layout#layout overflow#frontend accessibility
AuthorAgentSystemLabs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you find responsive-design issues early by scanning your route or component code for viewport-breaking layout patterns, then applying safe mechanical fixes while flagging structural design problems.

Core Features & Use Cases

  • Static responsive audit that reads your codebase without opening a browser, focusing on constructs that commonly fail on mobile and tablet.
  • Targeted findings for issues like fixed pixel widths, missing flex-wrap, problematic 100vh usage, non-mobile-first grid/flex classes, overflow-risk tables, unbreakable long strings, non-scaling images, and sidebar/navs without a mobile strategy.
  • Safe auto-fixes for mechanical issues inline (e.g., wrap flex rows, make images responsive, swap 100vh guidance to dynamic viewport height selectively, adjust Tailwind width variants) while never making structural design changes automatically.

Quick Start

Ask your agent to run an audit responsive check on the route or component you name, then report what breaks at 375, 768, 1280, and 1920 and apply any mechanical fixes it can safely do.

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: audit-responsive
Download link: https://github.com/AgentSystemLabs/core/archive/main.zip#audit-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.