responsive-layout-master

Build responsive layouts with CSS Grid, container queries, fluid typography, clamp(), and mobile-first design. Activate on: responsive design, CSS Grid layout, fluid spacing, container queries, mobile-first, breakpoints. NOT for: styling/theming (use css-in-js-architect), animation layout changes (use animation-system-architect).

Frontend & UI

#responsive-design#css-grid#container-queries#fluid-typography#mobile-first

Allowed Tools

ReadWriteEditBash(npm:*npx:*)

Pairs With

web-design-expert

Layout execution follows design intent for responsive breakpoints

css-in-js-architect

Responsive layout coordinates with token-based spacing and theming

Share this skill

Twitter LinkedIn

⚡

Coming in Spring 2026 Beta

WinDAGs will match this skill automatically. Then ask:

"Use responsive-layout-master to help me build..."

Request Early Access