Мы уже давно не ходим к дизайнерам и фигачим свои лендосы в Claude Design: там можно собрать страницу или квиз, а потом вносить правки прямо в макет, это экономит нам кучу времени и сил. Но если просто написать "сделай красиво", то оч легко получить на выходе классический нейролсоп, который бросается в глаза и всех уже задолбал.
Собрали топ-приёмы, которые используем сами, используйте их, когда будете пилить лендос или презу в следующий раз:
I. Сначала попросите claude составить вам бриф
Важно дать модели конкретные ограничения и не использовать размытые формулировки вроде "абстрактно" и "красиво".
Пример хороших конкретных ограничений:
"Без сине-фиолетовых градиентов, трёх карточек в ряд и огромного заголовка по центру. Предложи другую структуру первого экрана".
II. Дайте несколько референсов и контр-референсов и объясните, что конкретно брать в работу
Не отправляйте просто ссылки без пояснений и отдавая ссылки, прикрепляйте к каждой конкретную задачу, это поможет максимально избежать галлюцинаций.
"С первого сайта возьми шрифты, со второго отступы, с третьего анимацию. Страницы целиком не копируй".
Есть клёвый сайтец, где уже есть готовые рефы в формате, который понимают агенты + всегда есть behance и dribble. По нашему опыту 3-5 референсов и контр-референсов уже достаточно для того, чтобы сайт не выглядел слопным.
III. Делайте правки в макете
В Claude Design можно и нужно вносить комменты. Нужно заменить фото? Оставьте комментарий на фото. Исправить заголовок? Выделите его.
Очень важный совет (!): если каждую мелочь отправлять отдельным сообщением в чат, Claude Design может заодно переделать то, что вас устраивало. Мы сначала собираем комментарии к элементам, потом отправляем их одной пачкой — это и экономит токены (а он, сука, их жрет как не в себя) и позволяет избежать лишних галлюцинаций.
IV. Попросите ползунки для настройки дизайна
Оч прикольная штука, которую мало кто использует. Добавьте в запрос:
"Сделай панель с ползунками для размера заголовков, расстояния между блоками и насыщенности цветов".
Дальше вы уже сможете подобрать значения сами, без переписки "чуть больше, теперь чуть меньше», что экономит туеву хучу времени.
V. Приходите с готовыми текстами
Оффер, структуру страницы и тексты сначала готовим в обычном Claude или Claude Code (или Codex)
UPD: Это было до того, как релизнули Астру и теперь последнюю неделю я фигачу ленды в Сodex. Тот же самый принцип, но картинки он генерит красивее (скоро поделимся конкретным гайдом)
У нас для этого есть скилл: он собирает ТЗ с текстами, блоками, кнопками и требованиями к странице. Этот файл уже отдаём в Claude Design. Так не приходится одновременно переписывать предложение и переделывать весь дизайн под него.
Если будете создавать свой копирайтерский скилл для лендов, оч рекомендую добавить туда правила оффера Хормози, работу с когнитивными искажения из поведенческой экономики и конверсионные механики Рассела Бренсона.
VI. Отдайте готовую страницу на проверку
Скачайте HTML и загрузите в отдельный чатик Claude:
"Проверь страницу на шаблонные решения и непонятные формулировки. Для каждой проблемы укажи блок и предложи конкретную замену. Сравни результат с исходным ТЗ".
Посмотрите, с какими замечаниями согласны, обязательно проверьте их сами, и передайте их обратно в Claude Design. У нас такую проверку делает отдельный скилл, он проходит по экранам и отмечает, че нужно докрутить.
😠 Уже завтра стартует наш бесплатный двухдневный практикум по работе с нейронками: в первый день поделимся всей базой (промптинг, скиллы) и попрактикуемся в ее использовании на примере конкретных бизнес-задач, а во второй — соберем и запустим клевых ИИ-агентов
— в ближайшие часы закрываем регистрацию, она пока доступна по ссылке