Почини вёрстку на телефоне и не устрой редизайн

Что это

Сайт или веб-приложение, собранное с агентом, на компьютере выглядит прилично. Открываешь с телефона — кнопка уехала за край, текст наезжает на картинку, страница ездит вбок, клавиатура закрывает поле ввода. А большинство твоих пользователей придут как раз с телефона.

Если написать агенту «сделай адаптив», он часто перерисует всё заново. Этот промпт работает точечно:

• агент проходит главный путь пользователя, как человек с телефоном в руке;
• проверяет каждый экран на нескольких мобильных ширинах и на компьютере;
• ищет конкретные дефекты по списку;
• чинит их, сохраняя текущий визуальный стиль (если стиля как такового нет и цвета случайные, сначала наведи порядок с мини-дизайн-системой);
• отдаёт отчёт: что было не так, что изменил, как проверить руками.

Работает в Claude Code, Codex, Cursor и других агентах, которые видят код проекта. Лучше всего — если агент умеет открывать браузер и делать скриншоты.

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

1. Сначала пройди путь сам с телефона или в узком окне браузера. Запиши, что бесит или непонятно, — это пойдёт в промпт.
2. Опиши главный путь пользователя одной цепочкой: «открыть → выбрать тариф → заполнить форму → увидеть подтверждение».
3. Вставь промпт агенту в папке проекта. Перед этим сделай коммит, чтобы можно было откатиться.
4. Проверь результат снова с телефона по списку из отчёта. Для проверки строгим взглядом со стороны подойдёт Приёмка без поблажек, а пустые экраны и ошибки разобраны в Четыре состояния, без которых интерфейс разваливается.

Рядом по теме: Адаптивная вёрстка: responsive.md для ИИ-агента, Мобильная версия без сюрпризов: чек-лист mobile-qa.md, Лендинг по брифу и референсам, который агент сам проверит, статья «Что такое вайбкодинг» и Сайт за выходные: 7 файлов для Claude Code (990 ₽).

Что получится на выходе

• Список найденного в формате «экран → ширина → дефект → предполагаемая причина в коде». Твои замечания разобраны отдельным блоком.
• Исправления в коде проекта с сохранением текущего стиля.
• Отчёт из пяти пунктов: что было не так, что изменено (файл и суть правки), какие экраны и ширины проверены и какие команды запускались, что осталось спорным, как проверить руками за 2 минуты.

Если агент не может открыть браузер, он прямо напишет, что смотрел только код.

Что дальше

Если агент вместо точечных правок начал переделывать всё — останови его промптом Агент ушёл не туда: стоп-кран и честный аудит. Для оценки удобства конкретного экрана по скриншоту подойдёт Разобрать скриншот, креатив или интерфейс, а клавиатуру, контраст и подписи полей проверит Сайт, которым удобно всем.