Skills
.Work. You
Rest

frontend-responsive-breakpoint-table

Community

Get clear breakpoint guidance per component

Design & Creative#responsive design#front-end#design system#ui components#breakpoints#layout rules
Authorpaulinett1508-dev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It eliminates guesswork when designing responsive UI by providing a consistent, readable reference for how each component should behave across breakpoints.

Core Features & Use Cases

  • Breakpoint-by-component mapping: Defines which layout/behavior changes apply at each screen width.
  • Responsive implementation support: Helps teams translate design requirements into predictable front-end behavior.
  • Use Case: When integrating multiple UI components into a page, use this skill to quickly confirm which breakpoint rules apply to each component so the page remains consistent across devices.

Quick Start

Ask the assistant to show the complete responsive breakpoint table for the specified components so you can implement the matching behavior.

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: frontend-responsive-breakpoint-table
Download link: https://github.com/paulinett1508-dev/SuperCartolaManagerv5-production/archive/main.zip#frontend-responsive-breakpoint-table

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.