AIKraft/AI/Войти
AIKraft/Skills/Frontend Responsive Design Standards

Frontend Responsive Design Standards

Создание отзывчивых макетов с приоритетом для мобильных устройств, использующих гибкие контейнеры, адаптивные единицы измерения, медиа-запросы и дизайн, удобный для сенсорного управления, который работает на всех размерах экранов. Используйте этот навык при создании или изменении макетов пользовательского интерфейса, отзывчивых сеток, стилей для точек останова, мобильной навигации или любого интерфейса, который должен адаптироваться к различным размерам экранов. Применяйте при работе с отзывчивым CSS, медиа-запросами, настройками viewport, макетами flexbox/grid, стилизацией mobile-first, определениями точек останова (мобильные, планшеты, десктопы), размером областей касания, относительными единицами (rem, em, %), оптимизацией изображений для разных экранов или тестированием макетов на нескольких устройствах. Используйте для любых задач, связанных с поддержкой нескольких устройств, шаблонами отзывчивого дизайна или адаптивными макетами.

am-will official Дизайн

Что делает навык

Создание отзывчивых макетов с приоритетом для мобильных устройств, использующих гибкие контейнеры, адаптивные единицы измерения, медиа-запросы и дизайн, удобный для сенсорного управления, который работает на всех размерах экранов. Используйте этот навык при создании или изменении макетов пользовательского интерфейса, отзывчивых сеток, стилей для точек останова, мобильной навигации или любого интерфейса, который должен адаптироваться к различным размерам экранов. Применяйте при работе с отзывчивым CSS, медиа-запросами, настройками viewport, макетами flexbox/grid, стилизацией mobile-first, определениями точек останова (мобильные, планшеты, десктопы), размером областей касания, относительными единицами (rem, em, %), оптимизацией изображений для разных экранов или тестированием макетов на нескольких устройствах. Используйте для любых задач, связанных с поддержкой нескольких устройств, шаблонами отзывчивого дизайна или адаптивными макетами.

Как подключить

1Скачать навык
# возьмите папку навыка «frontend-responsive-design-standards» из репозитория: # https://github.com/am-will/codex-skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r frontend-responsive-design-standards/ ~/.claude/skills/frontend-responsive-design-standards/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.