responsive-tester
CommunitySpot responsive layout issues across breakpoints.
Authorgwpjp
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The responsive-tester helps UI teams quickly identify layout and interaction issues that arise when the app is viewed at different screen sizes, preventing overflow and misalignment.
Core Features & Use Cases
- Four breakpoint testing (Mobile, Tablet, Desktop, Wide) to verify responsive behavior across devices.
- Route-based navigation and page inspection to catch overflow, clipped text, broken grids, and touch-target problems.
- Documentation-driven workflow: produce a findings report detailing issues and suggested fixes.
Quick Start
Ensure the app runs on the port configured in vite.config.ts, then run the responsive-tester workflow to resize the browser across the four breakpoints, navigate routes, capture screenshots, and compile a final report.
Dependency Matrix
Required Modules
None requiredComponents
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-tester Download link: https://github.com/gwpjp/Web3-Claude/archive/main.zip#responsive-tester 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.