Аудит визуального стиля по скриншотам

Сайт собран за пару вечеров с агентом, и вроде всё на месте, но выглядит как сборная солянка: на главной три оттенка синего, кнопки разной высоты, заголовки то 28, то 32 пикселя, а отступы между блоками везде свои. Глазом это чувствуется, а сформулировать, что не так, трудно. Агенту «сделай аккуратнее» ничего не объясняет.

Этот промпт разбирает скриншоты по четырём слоям: сетка, цвета, шрифты, повторяющиеся проблемы. На выходе файл visual-audit.md со списком расхождений, предложенными правилами и задачами на исправление, которые можно отдать агенту по одной.

Что получишь

• 📐Сетка и отступы

  Где ширина контента и шаг отступов не совпадают между экранами.

• 🎨Цвета

  Все оттенки, которые реально встречаются, и предложение, к каким свести.

• 🔤Шрифты

  Сколько размеров и начертаний в ходу и какую шкалу оставить.

• 🧹Задачи на исправление

  Каждая проблема с экраном, где она есть, и правкой одной фразой для агента.

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

1. Сделай скриншоты главной, одной внутренней страницы, формы и, если есть, личного кабинета. Ширину окна держи одинаковой.
2. Если у проекта есть файл стилей или Tailwind-конфиг, скопируй из него цвета и шрифты. Без этого ИИ будет определять цвета по картинке приблизительно и пометит это.
3. Отправь промпт со скриншотами в чат, который принимает изображения (Claude, ChatGPT, Gemini).
4. Ответ скопируй в файл visual-audit.md в папке проекта.
5. Отдавай агенту задачи из раздела «Что исправить» по одной и смотри результат после каждой.

Рядом по теме: Скриншот в свой интерфейс через ИИ, UI kit для ИИ-агента: ui-kit.md за один разговор, ИИ-аудитор лендинга по скриншоту, статья «Нейросети для работы по 20 профессиям» и ИИ-видео с одним героем: шпаргалка (бесплатно).

Что делать с результатом

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