onAI / Блог
Подписаться Продукты
просмотров
Claude Code · бесплатные инструменты

Lazyweb: 250 000 примеров дизайна для твоего AI. Бесплатно.

Claude рисует страницы серенько — потому что учился на усреднённом интернете. Lazyweb даёт ему доступ к 257 тысячам реальных скринов от Stripe, Linear, Notion и ещё 25 тысяч компаний. Подключается одним промптом.

10 мин чтения 12 мая 2026 Claude Code
Lazyweb — премиум 3D мокап с папкой и floating UI скринами на лайм-фоне
01 · В чём проблема

Почему AI делает дизайн «как у всех»

Ты говоришь Claude: «сделай мне страницу с ценами для приложения». Открываешь результат — и видишь миллион таких же страниц. Фиолетовый градиент сверху. Карточки 3 в ряд. Стандартный шрифт Inter. Кнопка «Get started». Не плохо, не хорошо — никак.

Это не баг и не лень модели. AI учился на огромной свалке интернета — на хороших сайтах и на плохих, на оригинальных и на скопированных. Когда ты просишь его что-то сделать, он берёт усреднённое из памяти. А усреднённое = серенько.

Чем больше промпт-инжиниринга — тем меньше эффект. Можно описать в деталях, что ты хочешь «как Linear, только в фиолетовом» — Claude всё равно вернётся к среднему, потому что среднее видел чаще, чем Linear.

Представь шеф-повара, который всю жизнь ел только в фастфуде. Он умеет готовить, но получается всегда «средне как везде». Дайте ему рецептник мишленовских ресторанов — он сразу станет лучше. Не потому что научился. А потому что наконец-то видит, как готовят профи.

Lazyweb — это такой рецептник для AI. Только не про еду, а про дизайн.

02 · Что это такое

Бесплатная библиотека эталонов

Lazyweb — это сервер с 257 тысячами скриншотов реальных сайтов и приложений. От 25 тысяч известных компаний: Stripe, Notion, Linear, Figma, Vercel, Airbnb, Spotify и так далее.

Главное — этот сервер подключается напрямую к Claude Code, Cursor, Codex и другим AI-инструментам. Не нужно вручную скачивать картинки, открывать сайты, объяснять «сделай как у Stripe». Достаточно сказать Claude нормальными словами — он сам идёт в Lazyweb, ищет, возвращает примеры в чат.

257K
скринов
25K
компаний
6
инструментов
$0
навсегда

Сделал инструмент один человек — бывший продакт-менеджер из Duolingo. Запустил 2 мая 2026 года и выложил бесплатно навсегда. Без подписок, без рейт-лимитов, без обязательной регистрации. «AI должен делать дизайн лучше, поэтому я даю инструмент всем» — так звучит позиция.

Это не магазин, не SaaS, не курс. Это MCP-сервер — стандарт подключения внешних инструментов к AI-агентам, который Anthropic выпустил в 2024 году. Объясню чуть подробнее.

03 · Как это работает

«MCP-сервер» — простыми словами

MCP (Model Context Protocol) — это способ дать AI-агенту доступ к внешним инструментам. Как USB-порт у компьютера: воткнул — работает.

В случае Lazyweb: их MCP-сервер живёт на их серверах. Твой Claude подключается к нему через интернет. Когда ты пишешь Claude вопрос про дизайн — Claude отправляет запрос в Lazyweb, получает картинки, показывает тебе.

У сервера Lazyweb есть 6 инструментов. Каждый делает что-то конкретное. Дальше — про каждый.

04 · 6 инструментов внутри

Что Claude получает на руки

Это не магия — это конкретный список из 6 функций. Каждая делает что-то на пользу твоему проекту.

Инструмент · 01

Поиск примеров — search_screens

Спросил у Claude — получил 15 эталонов в чат.

Пишешь Claude нормальными словами что ищешь. Например: «найди примеры страниц с ценами для SaaS». Claude переводит это в запрос к Lazyweb, получает топ-15 релевантных скринов и показывает в чате.

Не нужно открывать сайты и сёрфить вручную. Не нужно знать английский, чтобы искать на Mobbin. Не нужно скачивать.

Пример: «найди мне 10 страниц регистрации в финансовых приложениях». Через 5 секунд в чате — 10 миниатюр от Revolut, Wise, N26, Monzo и ещё шести.
Инструмент · 02

Фильтры — filter

Только то, что нужно — без лишнего.

Фильтрует по категории приложения (SaaS, e-commerce, финтех, productivity, образование, здоровье и ещё 12 ниш) и по паттерну (страница регистрации, ценник, настройки, пустой экран и так далее).

Комбинируется с поиском — можно сказать «только мобильные приложения для финтеха со страницей знакомства» и получить точные 89 примеров.

Пример: делаешь магазин одежды — фильтр «e-commerce + страница товара» вернёт только товарные карточки из реальных магазинов, без лишнего шума.
Инструмент · 03

Стиль конкретной компании — company_context

«Сделай в стиле Linear» — больше не отговорка.

Назови компанию — AI получит её бренд-паспорт: логотип, фирменные цвета (прямо в hex), типографику, 10–15 топовых экранов из её приложения.

Просишь Claude «сделай в стиле Stripe» или «как у Notion» — он реально получает их брендинг и работает с ним, а не выдумывает «как у Stripe» из обрывков обучения.

Пример: «давай в стиле Linear». Claude получает: primary: #5E6AD2, accent: #00C2FF, шрифт Inter Display, 12 их топ-экранов. Дальше пишет код по этому референсу.
Инструмент · 04

Скачать локально — download_screens

Все эталоны в твоей папке.

Скрины скачиваются в локальную папку твоего проекта. Доступны офлайн. Можно положить в репо как «design-refs» и возвращаться к ним позже без интернета.

Удобно, когда работаешь над длинным проектом и хочешь, чтобы вся команда видела одни и те же референсы.

Инструмент · 05

Сравнительный отчёт — structured_reports

Markdown-файл со сравнительной таблицей.

Просишь Claude: «сравни как Stripe, Linear, Notion, Figma и Vercel делают первый экран после регистрации». Он скачает 25 скринов, разложит по полкам, напишет markdown-отчёт с встроенными картинками и общими находками.

Файл лежит в твоём проекте. Можно открыть в любой момент.

Раньше это был час ручного сёрфа по Mobbin или Pinterest. Теперь — одна команда AI'у, отчёт за 30 секунд.
Инструмент · 06

Справка из чата — quick_ui_lookup

Спрашиваешь — видишь сразу.

Самый частый кейс. Кодишь — забыл, как другие делают конкретный элемент. Спрашиваешь у Claude нормальными словами. Через 3 секунды видишь референс прямо в чате — миниатюру плюс ссылку на полный скрин.

Сёрфинг кончился — теперь это работа AI.

05 · Установка

Один промпт — агент сам поставит

Не нужно лезть в config-файлы, копировать ключи, регистрироваться. Всё за 30 секунд.

1 Открыть lazyweb.com/mcp-install
2 Скопировать промпт со страницы (там одна большая кнопка «copy»)
3 Открыть Claude Code (Cursor, Codex — что используешь) и вставить промпт
4 Агент сам подключит сервер, получит bearer-токен (ключ для авторизации), зарегистрирует 6 инструментов
Проверка: попроси Claude «найди пример страницы с ценами». Если в ответ — миниатюры скринов, значит Lazyweb работает. Если ответ обычный текстовый — токен не подхватился, перезапусти Claude и попробуй снова.
06 · Кому нужно

Когда это даёт максимум

Lazyweb работает на любого, кто делает интерфейсы через AI. Но есть три сценария, где эффект особенно заметен.

1. Вайбкодеры-новички. Только начинаешь делать сайты и приложения через Claude? Lazyweb даст агенту визуальную базу, которой у тебя самого нет. Не надо учиться дизайну с нуля — учится агент, ты только формулируешь задачу.

2. Предприниматели без штатного дизайнера. Сидишь на лендинге, на админ-панели для своего проекта, делаешь презентацию — но дизайнера в команде нет. Раньше выходило «как-то так». Теперь получаешь уровень «как у Stripe» — за то же время и без расходов.

3. Дизайнеры, которые работают через AI. Профи могут использовать как замену Mobbin (платная подписка за $199/мес). Тот же объём качественных референсов, но через AI-агента в чате, а не вручную через сайт. Бесплатно.

Если ты в одной из этих трёх категорий — Lazyweb стоит установить прямо сейчас. Это не «один из инструментов» — это базовая настройка для любого, кто рисует через AI.

07 · Что дальше

Где работает прямо сейчас

Lazyweb работает с любым AI-агентом, который поддерживает MCP.

Подтверждено: Claude Code, Cursor, Codex (OpenAI), Cline, Continue.dev. Это все основные инструменты для vibe-coding'а на 2026 год.

На очереди: любые новые редакторы, которые добавят MCP-поддержку. Стандарт растёт быстро — даже Microsoft объявил MCP-интеграцию в VS Code, что означает скоро Lazyweb будет везде.

Это и есть смысл MCP — единый протокол, чтобы один и тот же инструмент работал везде. Lazyweb — пример того, как это должно выглядеть. Чистый, бесплатный, под все агенты.

Хочешь готовую раскладку?

Веду закрытый Telegram-клуб по вайбкоду. Внутри — мои настоящие промпты для Lazyweb, готовые сценарии и кейсы из моих проектов в проде. Скачаешь — поставишь у себя.

Перейти в клуб OPUS.CLUB
Александр saint4ai
Founder · onAI Academy