Pixel Perfect | AI для диджитал-специалистов

Агент собрал сайт, но заголовки живут своей жизнью, в конце абзаца висит одинокое слово, а текст на мобилке невозможно читать.

Забираем 3 промпта, чтобы это пофиксить 😏

Убрать лишние размеры шрифта. Если у загов карточек на одной странице 22 px, а на другой 24 px, сначала спросите агента, почему так. Один и тот же тип текста должен использовать один и тот же стиль. При этом на телефоне и десктопе размеры могут отличаться.

Проверь размеры шрифта на всех страницах. Используй типографическую шкалу проекта. Если ее нет, задай общие стили для заголовков, основного текста и подписей. Примени их ко всем элементам с той же ролью. Не добавляй отдельный размер ради одной карточки

Проверить, где ломаются строки. Например, когда на десктопе заголовок выглядит ок, а на телефоне последнее слово остается одно. Или предлог висит в конце строки отдельно от слова, к которому относится.

Проверь заголовки и абзацы в браузере на телефоне и десктопе. Где короткий предлог оторвался от следующего слова, свяжи их неразрывным пробелом. Если в заголовке на последней строке осталось одно слово, попробуй text-wrap: balance. Не вставляй ручные переносы под одну ширину экрана

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

Возьми межстрочные интервалы из дизайн-системы. Если их нет, начни с line-height: 1.15 для крупных заголовков и 1.5 для основного текста. Задай их в общих стилях и проверь в браузере: многострочные заголовки не слипаются, длинные абзацы легко читать

Сохраните эти правила в памятку проекта (файл AGENTS.md). Тогда агент сможет сверяться с ними и на новых страницах, а не только на той, которую сейчас правите 👾

Почему у вас не получилось с агентом?

Попросили собрать экран, а он выдал AI-слоп, забыл прошлые правки и сказал, что все готово...

Вот три причины:

▫️ Каждый раз начинали с пустого чата. Если описание продукта и принятые решения остались в прошлой переписке, в новой сессии агент может снова предложить то, что вы уже отклонили. Как сохранить и передать контекст проекта — в гайде

▫️ Не задали критерии готовности. Для агента «экран собран» уже может означать «задача выполнена». Сразу напишите, что будете проверять. Например, экран собран из компонентов вашей ДС, длинный текст не ломает верстку, а для ошибки есть отдельное состояние.

▫️ Запретили, но не объяснили почему. Из «не используй обводки» сложно понять, чем их заменить. Лучше так: «Обводки спорят с тенью и делают экран шумным. Разделяй блоки фоном и отступами». Теперь это правило агент сможет применить и на других экранах.

В новом гайде разобрали еще пять причин и оставили чек-лист для самопроверки!

╰┈➤ Открыть гайд бесплатно в тг-аппе

Аккаунт Claude заблочили, а сайт сдавать завтра. Что делать?

Без паники — откройте ту же папку проекта в Codex. Агент увидит все правки, сохраненные на компе, даже если их еще нет на GitHub.

Импортируйте рабочую среду. В приложении Codex откройте Настройки → Import → Claude Code, в терминале используйте /import. Выберите проект, инструкции, скиллы и нужные чаты из доступных.

Проверьте, что подтянулось. Если скилл не перенесся, скопируйте его из .claude/skills в .agents/skills внутри проекта. Если он использует Figma или другой сервис через MCP, проверьте подключение (может, нужно войти заново.)

⚪️Теперь попросите Codex проверить, с чем он уже может работать и чего не хватает:

Изучи инструкции проекта, скиллы и настройки инструментов. Пока ничего не меняй. Скажи, что уже доступно в Codex, что завязано на Claude Code и без чего не получится продолжить. Если нужна адаптация, предложи, что именно поменять.

Перед сдачей прогоните знакомую задачу на копии проекта. Сразу увидите, подхватил ли агент нужный скилл и работают ли инструменты.

А чтобы работать без бана посреди проекта, забирайте гайд в нашем тг-аппе. По шагам разобрали, как настроить Claude и ChatGPT из РФ и РБ и решить проблемы с геоблокировкой, оплатой, подтверждением по SMS и баном по IP.

⚪️ Забрать гайд бесплатно в тг-аппе