skills.homes logoskills.homescapability registry
home/categories/frontend/dylantarre-design-system-skills-skills-tokens-breakpoints-skill-md
cd ..
frontenddevelopment

breakpoints

Generates responsive breakpoint tokens for media queries and container queries. Use when setting up responsive design, mobile-first layouts, or viewport-based styling. Outputs CSS, Tailwind, or JSON.

View Sourcefrontend
dylantarre
maintainer
dylantarre
Updated 12/30/2025
Stars
3
Forks
0
quick start

Installation and usage

Generates responsive breakpoint tokens for media queries and container queries. Use when setting up responsive design, mobile-first layouts, or viewport-based styling. Outputs CSS, Tailwind, or JSON.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use breakpoints