Перестал давать нейросети рисовать дизайн с нуля. Заставил подсматривать у топовых приложений — бесплатно
Когда просишь нейронку «сделай красиво», она выдаёт усреднённое говно — потому что усредняет всё, что видела. Я подключил бесплатную штуку LazyWeb (257 тысяч реальных экранов из живых приложений), и теперь агент сначала смотрит, как это сделали нормальные продукты, а потом проектирует. UX админки для большого проекта он собрал с первого раза. Внутри — как это работает, где косячит, и бесплатный PDF с промтом.
Знаешь, что выдаёт нейросеть, когда просишь её «сделай красивый экран»? Усреднённую серость. И это не потому что она тупая. Просто она берёт всё, что видела в обучающих данных, и выдаёт среднее по больнице: безопасные цвета, безопасные отступы, раскладку, которую ты встречал тысячу раз. Не плохо, не хорошо. Никак.
А «никак» в продукте — это правки, недовольные юзеры и потерянное время. Короче, боль.
Расскажу, как я перестал это терпеть. И сразу скажу: снимай панамку, дизайнеры сейчас в комментах могут поспорить. Я к этому ещё вернусь.
История: админка, которую агент угадал с первого раза
В прошлом месяце мне нужен был UX для админки одного большого облачного проекта. Знаешь, такая жесть: куча сущностей, таблицы, фильтры, права доступа, графики потребления. Тот случай, где не до красоты — лишь бы человек в этом всём не утонул. Раньше это значило неделю возни: макеты, согласования, переделки, опять согласования.
В этот раз я сделал по-другому. Сказал агенту: не выдумывай, а сделай мне несколько вариантов на базе LazyWeb, я выберу.
И он угадал с первого раза. Удобно, современно, функционально. Я реально сидел и не верил — готовился к паре итераций, а они не понадобились. Честно? Я даже немного растерялся. Так не должно было сработать настолько чисто.
Почему «рисовать с нуля» — почти всегда проигрыш
Вот моё непопулярное мнение, за которое, возможно, прилетит. Рисовать дизайн с нуля «по вайбу» — почти всегда тупиковая стратегия. Не потому что ты бездарь. А потому что зачем изобретать велосипед, когда рядом лежат чужие решения, которые уже доказали, что работают?
Возьми то, что уже работает. Доведи под свою задачу. А потом улучшай по реальным отзывам пользователей. Это нормальный путь. А вот «я сам придумаю как лучше», когда ты ещё ни одного живого экрана толком не разобрал, — это путь к тому самому говнодизайну.
Оговорка, чтобы дизайнеры не закидали (вот она, обещал): с нуля имеет смысл, когда ты опытный дизайнер с насмотренностью. Когда у тебя в голове уже лежат эти тысячи экранов, и ты осознанно ломаешь паттерн — респект, так и надо. Но если базы нет (или проектирует твой AI-агент, у которого вместо насмотренности усреднённая каша) — на выходе будет серость. LazyWeb как раз и даёт эту насмотренность. Только не тебе в голову, а агенту в контекст.
Что это вообще за зверь
LazyWeb — это бесплатный сервер референсов для нейросетевых агентов. Подключается к Claude Code, Codex, Cursor. Внутри база на 257 тысяч реальных экранов приложений и сайтов плюс поиск по смыслу.
Сделал его, кстати, бывший продакт из Duolingo — говорит, собрал за 77 дней в одиночку, потому что его бесило, как плохо нейронки делают дизайн. Уважаю такую мотивацию: не «давайте сделаем стартап», а «задолбало, починю сам».
Я полез проверять, что там под капотом (не люблю верить на слово). Дёрнул проверку состояния — а там целый набор: хранилище, модель которая «смотрит» картинки и описывает их текстом, поиск по смыслу, переранжировщик. То есть это не тупой каталог с тегами, как какой-нибудь Dribbble. Ты ищешь не «dashboard, dark», а пишешь по-человечески: «аналитический дашборд с боковым меню и карточками метрик» — и оно понимает.
Главный приём: «сделай 3-5 вариантов»
Вот тут вся соль. Магия не в том, что агент глянул один красивый экран. Магия в связке с одним приёмом.
Сейчас генерация у нейронок стала настолько дешёвой, что выгоднее попросить 3-5 живых вариантов и ткнуть в лучший, чем час расписывать словами, чего ты хочешь. Особенно на интерфейсах.
Раньше «сделай мне 5 вариантов дашборда» давало пять оттенков одного и того же усреднённого экрана. Скукота. А теперь команда звучит так: найди в LazyWeb пять разных подходов и собери пять вариантов на их основе. И они получаются реально разные — потому что под каждым лежит решение живого, работающего продукта.
И вот что я понял не сразу. Сначала думал — ну, прикольно, картинки красивые. Нет, стоп. Дело не в картинках. Главная ценность — это UX-паттерны. Как люди раскладывают сложный экран, куда прячут второстепенное, как ведут тебя через многошаговый процесс. Вот это агент перенимает гораздо охотнее, чем просто палитру. Моя админка получилась удобной именно по UX — и это заслуга не моя и не нейронки, а тех продуктов, у которых она подсмотрела.
Честно: где оно косячит
Так, без розовых очков. Идеально не будет.
Референсы надо контролировать. Периодически LazyWeb выдаёт такую дичь — устаревшее, кривое, откровенно плохое. Если слепо взять первый результат и скормить агенту, получишь дизайн из 2018-го с гордым видом. Это бесит ровно настолько, насколько радует, когда выдача хорошая.
Спасает та же связка «3-5 вариантов». Когда просишь несколько — хотя бы один почти всегда нормальный. Ну ладно, практически всегда. Это и есть правильный режим: не «дай идеальный референс», а «дай несколько, я отсею мусор».
И ещё пара честных моментов. Первое: база меньше, чем у известного Mobbin (там 400 тысяч+ экранов). Но! Mobbin фактически платный — на бесплатном тарифе там почти пусто, нормальная база только за деньги. А LazyWeb бесплатен целиком, без логина и лимитов. Так что «меньше» — не значит «менее доступно». Скорее наоборот.
Второе, и для нас важное: база скошена в сторону западных приложений. Раскладки-то универсальны, а вот конкретные сценарии — оплаты, документы, госуслуги — нет. Их проверяй руками, иначе агент тебе нарисует чек-аут как в каком-нибудь американском магазине.
Как этим пользоваться (два способа)
Способ первый, ручной — для тех, кто хочет сам поковыряться. У LazyWeb есть готовые команды (идут в комплекте с плагином, не я их писал): глубокий разбор темы, быстрый поиск примеров, «оцени мой текущий экран и скажи что улучшить», и даже «поищи идеи в чужих категориях». Последнее, кстати, мощная штука: делаешь фитнес-приложение — а тебе показывают, как фокус визуализируют в Headspace или как стрик сделан в Duolingo. Иногда лучшая идея приходит из соседнего огорода.
Способ второй, агентный — для тех, кому нужен результат, а не процесс. Просто ставишь задачу: «спроектируй этот экран, сначала найди референсы в LazyWeb, сделай 3-5 вариантов». И агент сам ищет, сам фильтрует, сам собирает. Я живу в основном так.
Чтобы агент не тупил (а он любит схватить первый попавшийся референс и скопировать один-в-один), я собрал готовый промт — вставляешь его, и нейронка начинает искать и выбирать по уму. Плюс короткая памятка, как отличить нормальный референс от старья. Упаковал всё в один PDF.
Где это НЕ нужно
Чтобы не выглядело рекламой. Не бери LazyWeb, если:
У тебя сильный уникальный бренд, где задача — как раз НЕ быть похожим на других
Делаешь узкую нишевую штуку под не-западный рынок — база собьёт с толку
Работаешь без интернета — сервер удалённый, без сети он труп
А во всех остальных случаях — а это большинство обычных экранов — оно экономит реально дни.
Disclaimer
Да, звучит как реклама. Но давай по чесноку:
LazyWeb — не моё, я к нему отношения не имею
Он реально бесплатный, без подписок и логина
Косяки я не скрыл, а вынес отдельным разделом
Не веришь — поставь и проверь сам. Я свечку не держал, говорю по своему опыту.
PDF с промтом и чек-листом лежит у меня в телеге: https://t.me/maslennikovigor — забирай бесплатно, без «оставьте почту». Если уже гонял LazyWeb или Mobbin — кинь в личку @maslennikovig, что вышло с качеством референсов, интересно сравнить. А инструменты, которыми я гоняю своих агентов, валяются на гитхабе: https://github.com/maslennikov-ig/claude-code-orchestrator-kit
Если попробуешь подход с «3-5 вариантами» — расскажи, угадал агент с первого раза или выдал ту самую серость.
