Мобильная версия без сюрпризов: чек-лист mobile-qa.md

На ноутбуке сайт выглядит отлично, агент говорит «адаптив готов», а с телефона кнопка «Записаться» уезжает за край экрана, клавиатура закрывает поле телефона, и форму невозможно отправить. Кто перейдёт по ссылке из мессенджера или соцсети, откроет сайт с телефона, и первое, что он увидит, будет эта кнопка.

mobile-qa.md — чек-лист под твои конкретные страницы: какие ширины экрана проверить, где палец промахивается, как ведут себя формы и сколько грузится первая картинка. Ниже промпты, которые соберут список, а потом помогут агенту чинить найденное по одному пункту.

Что проверяет чек-лист

• 📐Ширины

  Узкий экран, обычный телефон и планшет. Ничего не вылезает за край, нет горизонтальной прокрутки, таблицы и длинные слова не ломают вёрстку.

• 👆Касания

  Кнопки и ссылки не меньше 44×44 пикселя и не слипаются. Меню открывается и закрывается касанием пальца, без наведения мыши.

• ⌨️Формы

  На поле телефона открывается цифровая клавиатура, на почте — с «@». Клавиатура не закрывает кнопку отправки, автозаполнение работает.

• 🐢Скорость

  Как страница грузится на медленном мобильном интернете: тяжёлые картинки, видео на фоне, шрифты, из-за которых текст появляется последним.

Как использовать

1. 1Составь список страниц

   Главная, страница тарифов, форма заявки, личный кабинет. Для каждой одно главное действие: «оставить заявку», «выбрать тариф».

2. 2Собери mobile-qa.md

   Отправь промпты шагов 1 и 2. Сохрани ответ как mobile-qa.md: в Claude Code или Cursor — «Сохрани это в docs/mobile-qa.md», в чате — скопируй в текстовый файл.

3. 3Пройди руками

   Открой сайт на своём телефоне и в Chrome через режим устройства (F12, затем значок телефона). Ставь [x] только там, где проверил сам.

4. 4Чини по одному

   Каждый непройденный пункт отдавай агенту промптом шага 3, со скриншотом. Пачка из десяти правок за раз обычно ломает то, что работало.

Чек-лист ловит проблемы, когда сайт уже сделан. Если ты ещё на этапе дизайна, проще сразу поставить задачу правильно: смотри промпт для адаптивного дизайна.

Рядом по теме: Почини вёрстку на телефоне и не устрой редизайн, MVP на одну страницу: что делаем, а что нет, Первая версия без лишнего: что делаем, а что нет, статья «Что такое вайбкодинг» и Чек-лист «Перед запуском» (бесплатно).

Что дальше

• Чек-лист запуска MVP — мобильная проверка там один из пунктов перед выкаткой.
• Как сделать сайт с Claude Code за выходные — порядок шагов, если сайт ещё не собран.
• Если проверка показала, что проблема в самих блоках лендинга, пересобери структуру с Лендинг Мастером за 990 ₽.