responsive-layout-guard
CommunityEnsure your UI remains stable and readable across all devices.
Authorsilvarojasdiegoarturo91
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill prevents visual overlaps and layout breakages in responsive interfaces, ensuring UI stability.
Core Features & Use Cases
- Visual Stability: Detects and prevents overlaps of text, badges, buttons, and other elements.
- Responsive Validation: Checks layouts at multiple breakpoints to ensure designs adapt gracefully.
- Use Case: Automate testing of onboarding screens to catch layout issues before release, maintaining readability on all devices.
Quick Start
Use the responsive-layout-guard to review your admin dashboard screens for potential layout overlaps across different viewport sizes.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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-guard Download link: https://github.com/silvarojasdiegoarturo91/fluxbot-studio-ia/archive/main.zip#responsive-layout-guard 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.