Освойте адаптивный дизайн макетов, используя современный CSS (Flexbox, Grid), подход, ориентированный на мобильные устройства, и стратегии точек останова. Создавайте макеты, которые прекрасно адаптируются на всех устройствах, сохраняя при этом доступность и производительность. Включает запросы к контейнерам, соотношения сторон и расширенные шаблоны реагирования.
Быстро установите AI-навык layout-system в вашу среду разработки через командную строку
Источник: sanky369/vibe-building-skills.
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.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/sanky369/vibe-building-skills --skill layout-systemОсвойте адаптивный дизайн макетов, используя современный CSS (Flexbox, Grid), подход, ориентированный на мобильные устройства, и стратегии точек останова. Создавайте макеты, которые прекрасно адаптируются на всех устройствах, сохраняя при этом доступность и производительность. Включает запросы к контейнерам, соотношения сторон и расширенные шаблоны реагирования. Источник: sanky369/vibe-building-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/sanky369/vibe-building-skills --skill layout-system После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/sanky369/vibe-building-skills