UX-аудит лендинга по промпту
UX-аудит лендинга — это долгий процесс, если делать вручную. Claude разбирает скриншоты, анализирует структуру и находит проблемы за минуты. Покажем, как превратить AI в дизайнера-критика.
UX-аудит по промпту: Claude смотрит скриншот и выдаёт чек-лист проблем
Загружаете скриншот лендинга в Claude, даёте промпт с критериями оценки — модель анализирует иерархию, контраст, микрокопию и выдаёт структурированный отчёт. Это работает для лендингов, приложений, писем и вообще любых визуальных макетов.
01Почему Claude справляется с UX-аудитом лучше, чем дизайнер-фриланс
Обычный аудит стоит 5–20 тысяч рублей: дизайнер смотрит макет, собирает скрины, пишет отчёт в Figma или PDF. Медленно, дорого и суббективно — всё зависит от опыта критика.
Claude делает это иначе. Загрузите скриншот лендинга — модель сразу видит контраст текста, размер кнопок, логику расположения элементов, читаемость шрифта. Не нужно описывать макет словами: Claude анализирует то, что видит на картинке, и выдаёт конкретные замечания с привязкой к WCAG, принципам гештальта или просто здравому смыслу.
Главное отличие: вы даёте Claude роль дизайнера с 10-летним опытом, задаёте рамку проверки (конверсия, доступность, мобильность) — и модель тут же выдаёт структурированный отчёт. Без ожидания, без переписки, без попыток угадать, что вам нужно.
02Как писать промпт для аудита: структура и примеры
Эффективный промпт строится так: роль → контекст → задача → формат вывода.
- Роль: «Ты — опытный UX/UI-дизайнер, специалист по веб-доступности и конверсии»
- Контекст: «Перед тобой скриншот лендинга SaaS-сервиса, цель — привлечь фрилансеров»
- Задача: «Проверь визуальную иерархию, контрастность, микрокопию, размер CTA. Найди узкие места в воронке»
- Формат: «Ответь структурированно: по категориям (Типография, Кнопки, Форма, Изображения), в каждой — проблемы и рекомендации»
Загружаете PNG/JPG скриншота, пишете промпт — и Claude за 30 секунд выдаёт отчёт в виде структурированного списка. Если результат не полон, уточните: «Сделай анализ жёстче, отмечай даже мелкие проблемы» или «Ориентируйся на мобильную версию».
03Практический кейс: аудит лендинга за 5 минут
«Имеем лендинг онлайн-курса: выглядит красиво, но конверсия падает. Что не так?» — вопрос типичного маркетолога.
Вот workflow:
- Скопировали ссылку на лендинг → сделали скриншот → загрузили в Claude
- Дали промпт: «Аудит UX для мобильной версии. Проверь: видна ли главная ценность выше фолда, контрастность CTA, логика scroll-journey, размер формы»
- Claude выдал отчёт: «CTA-кнопка синяя на тёмном фоне — контраст 3.5:1 (плохо). Форма с 8 полями — пользователь бросит на 3-м. Главное преимущество в самом низу — должно быть вверху»
- За 10 минут переделали макет, запустили A/B-тест → конверсия выросла на 23%
Этот же процесс работает для email-лендингов, мобильных приложений и даже интерфейсов администратора. Главное — качественный скриншот и понятный промпт.
04На что обратить внимание: критерии для аудита
Не ограничивайтесь «выглядит ли красиво». Давайте Claude конкретные критерии, по которым проверять дизайн:
- Визуальная иерархия: главная ценность видна без скрола, размер шрифтов задаёт порядок чтения
- Контрастность: текст читается на фоне (WCAG AA минимум 4.5:1 для основного, 3:1 для крупного)
- CTA: видна, отличается от других элементов, размер достаточный для тача (минимум 44×44px)
- Микрокопия: кнопки говорят, что они делают («Скачать чек-лист», а не «Submit»), нет орфографических ошибок
- Белое пространство: элементы не давят, строка 60–70 символов, интерлиньяж 1.5
- Мобильность: макет не ломается на смартфоне, шрифт >= 16px, формы одноколонные
Когда даёте Claude эти критерии, модель проверяет не по общему чувству, а по объективным правилам. Результат воспроизводимый: второй дизайнер выдаст похожий список проблем.
05Чего Claude не видит: ограничения и workaround
Claude анализирует статичные скриншоты. Не видит: анимации, микровзаимодействия, как форма валидируется при вводе, какие состояния есть у кнопок (hover, active, disabled). Также не проверяет производительность, код, SEO-метатеги — это за границей зрения.
Workaround: если аудит требует динамики, загрузите несколько скриншотов (нормальное состояние, hover на кнопке, заполненная форма, модалка с ошибкой) и скажите Claude: «Вот 4 состояния экрана — проверь консистентность интерактивности».
Для аудита фреймворка (Figma, Sketch) лучше всё равно экспортировать в скриншоты — Claude не открывает дизайн-файлы напрямую, но работает с изображениями идеально.
06Где брать промпты и как автоматизировать процесс
Не нужно писать промпт с нуля каждый раз. В КлодБот встроены 100+ готовых промптов, включая блоки для UX-аудита, дизайн-критики и конверсионного анализа. Берёте подходящий, адаптируете под свой кейс — и всё готово за 2 минуты.
Если хотите автоматизировать: сделайте свой промпт-шаблон в текстовом редакторе, сохраните как снипет. Каждый раз загружаете новый макет, прогоняете через Claude — выходит единообразный отчёт для всех лендингов компании. Так работают дизайн-команды на средних стартапах: один промпт, 10 аудитов в день, экономия на фрилансерах в 500 часов в год.
КлодБот даёт доступ к Claude Sonnet 4.5 с контекстом 200k токенов — достаточно, чтобы загрузить 10 скриншотов и промпт из 5000 слов одновременно. Это облегчает работу на больших проектах.