From jeremylongshore-claude-code-plugins-plus-skills
Analyzes responsive breakpoint configurations in frontend apps using CSS, React, and Vue. Generates production-ready code, best practices, and validation for responsive design tasks.
npx claudepluginhub jeremylongshore/claude-code-plugins-plus-skills --plugin langchain-py-packThis skill is limited to using the following tools:
This skill provides automated assistance for responsive breakpoint analyzer tasks within the Frontend Development domain.
Automates browser resizes through breakpoints, screenshots viewports, detects layout breaks (overflows, columns, nav), and reports transitions for responsive web testing.
Audits and fixes responsive/mobile issues across all project pages using browser screenshots at 375px mobile and 1440px desktop. Design-aware: reads design docs to preserve aesthetics.
Designs adaptive layouts and interactions for all screen sizes, input methods, and devices using breakpoints, fluid scaling, patterns, and accessibility checks.
Share bugs, ideas, or general feedback.
This skill provides automated assistance for responsive breakpoint analyzer tasks within the Frontend Development domain.
This skill activates automatically when you:
Example: Basic Usage Request: "Help me with responsive breakpoint analyzer" Result: Provides step-by-step guidance and generates appropriate configurations
| Error | Cause | Solution |
|---|---|---|
| Configuration invalid | Missing required fields | Check documentation for required parameters |
| Tool not found | Dependency not installed | Install required tools per prerequisites |
| Permission denied | Insufficient access | Verify credentials and permissions |
Part of the Frontend Development skill category. Tags: react, vue, css, accessibility, web