Skills
.Work. You
Rest

Responsive Layout Reviewer

Community

Identify and fix responsive layout issues fast.

Software Engineering#frontend#css#mobile#breakpoints#responsive-design#layout-review
AuthorNotysoty
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Reviews HTML/CSS, Tailwind, or React component code for responsive design issues across mobile, tablet, and desktop breakpoints, helping teams ship mobile-friendly UIs.

Core Features & Use Cases

  • Detects fixed widths, overflow, touch target issues, and navigation problems that hinder mobile responsiveness.
  • Provides actionable fixes and a reproducible review checklist for code reviews or pull requests.
  • Use Case: You inherit a legacy component that looks good on desktop but breaks on mobile; use this skill to diagnose and propose fixes.

Quick Start

Provide the component file to review, then ask the skill to analyze its responsiveness.

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: Responsive Layout Reviewer
Download link: https://github.com/Notysoty/openagentskills/archive/main.zip#responsive-layout-reviewer

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.