layout-system

SKILL.md

Layout is the skeleton of your interface. It determines how content is organized, how users navigate, and how the experience adapts across devices. A well-designed layout system is invisible—users don't notice it because it works so well.

This skill teaches you to think about layout systematically, using modern CSS techniques (Flexbox, Grid, Container Queries) and a mobile-first approach that ensures your product works beautifully everywhere.

The mobile-first approach is not just about making things smaller on mobile. It's a fundamental shift in thinking: start with the simplest, most constrained context (mobile), then progressively enhance for larger screens.

최신 CSS(Flexbox, Grid), 모바일 우선 접근 방식 및 중단점 전략을 사용하여 반응형 레이아웃 디자인을 마스터하세요. 접근성과 성능을 유지하면서 모든 장치에 아름답게 적응하는 레이아웃을 만듭니다. 컨테이너 쿼리, 종횡비 및 고급 응답 패턴이 포함됩니다. 출처: sanky369/vibe-building-skills.

원본 보기