responsive-craft
Реализуйте адаптивный дизайн для веб-сайтов и веб-приложений — от стандартных мобильных-first макетов до сложных паттернов (липкие элементы, координация прокрутки, таблицы данных, панели мониторинга). Три режима: преобразование существующих сайтов, создание адаптивного дизайна с нуля или запуск живого предварительного просмотра с несколькими точками перелома (breakpoints). Выявляет варианты дизайна, где нет единственно правильного ответа. Используйте при создании адаптивных макетов, исправлении проблем на мобильных устройствах, добавлении точек перелома, работе с липкими элементами и прокруткой, предварительном просмотре точек перелома, или когда пользователь упоминает адаптивный дизайн, мобильную версию, точки перелома, viewport, адаптивный дизайн или предварительный просмотр адаптивности.
Что делает навык
Реализуйте адаптивный дизайн для веб-сайтов и веб-приложений — от стандартных мобильных-first макетов до сложных паттернов (липкие элементы, координация прокрутки, таблицы данных, панели мониторинга). Три режима: преобразование существующих сайтов, создание адаптивного дизайна с нуля или запуск живого предварительного просмотра с несколькими точками перелома (breakpoints). Выявляет варианты дизайна, где нет единственно правильного ответа. Используйте при создании адаптивных макетов, исправлении проблем на мобильных устройствах, добавлении точек перелома, работе с липкими элементами и прокруткой, предварительном просмотре точек перелома, или когда пользователь упоминает адаптивный дизайн, мобильную версию, точки перелома, viewport, адаптивный дизайн или предварительный просмотр адаптивности.
Как подключить
SKILL.md к навыкам ассистентаНавык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.