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.

by dylantarre· Repository·design

Run in AgentArea Browse All Skills

Also installable via skills CLI

npx skills add dylantarre/design-system-skills/skills/tokens/breakpoints

Source

Repo:SkillsMP + GitHub Raw

Path:skills/tokens/breakpoints(main)

Related in design

add-uint-support

Add unsigned integer (uint) type support to PyTorch operators by updating AT_DISPATCH macros. Use when adding support for uint16,...

skill-writer

Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a new Skill...

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web...