AIKraft/Skills/responsiveness-check

responsiveness-check

Проверка адаптивности сайта на разных ширинах экранов с помощью автоматизации браузера. Изменяет размер одного сеанса через контрольные точки, делает скриншоты для каждой ширины и обнаруживает изменения макета (смена колонок, переключение навигации, переполнение). Создает отчеты сравнения, показывающие, именно где макеты ломаются. Запускать с помощью команд: 'responsiveness check', 'check responsive', 'breakpoint test', 'viewport test', 'responsive sweep', 'check breakpoints' или 'test at mobile'.

jezweb official Разработка

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

Проверка адаптивности сайта на разных ширинах экранов с помощью автоматизации браузера. Изменяет размер одного сеанса через контрольные точки, делает скриншоты для каждой ширины и обнаруживает изменения макета (смена колонок, переключение навигации, переполнение). Создает отчеты сравнения, показывающие, именно где макеты ломаются. Запускать с помощью команд: 'responsiveness check', 'check responsive', 'breakpoint test', 'viewport test', 'responsive sweep', 'check breakpoints' или 'test at mobile'.

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

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

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