ИИ-дизайн легко узнать. Вот один инструмент, чтобы это перестало быть проблемой
Claude Code, Codex, Cursor, любой AI-агент по умолчанию рисует из памяти. А память — это усреднённый интернет 2022 года. Отсюда эти бесконечные карточки с тенями, hero-секции с градиентом и кнопки, которые выглядят как Bootstrap-шаблон.
Lazyweb это фиксит.
Что такое Lazyweb
Lazyweb — база из 257 тысяч реальных скриншотов приложений и сайтов. Онбординги, страницы цен, дашборды, формы, пустые состояния.
Писал о нем уже довольно давно в моем тгк кстати, где я пишу о подобных тулзах часто
Суть простая: AI-агент перед тем как что-то нарисовать, сначала находит реальные примеры, скачивает их локально и только потом проектирует.
Устанавливается в Claude Code двумя командами:
Токен бесплатный, генерируется одной curl-командой без логина.
6 скиллов внутри и зачем они нужны
1. /lazyweb:lazyweb-design-research — полноценное исследование
Самый тяжёлый скилл. Агент сам находит конкурентов, ищет по Lazyweb и веб, скачивает скриншоты и собирает структурированный отчёт: что встречается везде, что встречается редко, что раздражает пользователей, какие паттерны работают.
На выходе — папка с PNG и report.md, который открывается в любом markdown-просмотрщике со скриншотами прямо внутри.
Использовать когда: начинаешь новый продукт и хочешь понять, как устроен рынок визуально, а не просто функционально.
2. /lazyweb:lazyweb-quick-references — референсы за секунды
Облегчённая версия без полного отчёта. Ищет по базе, скачивает, группирует по паттернам. "Вот что похожее существует"
Использовать когда: нужен быстрый визуальный референс для конкретного элемента — например, как выглядят страницы с планами подписки у топовых SaaS.
3. /lazyweb:lazyweb-design-improve — критика существующего дизайна
Этот скилл снимает скриншот твоего текущего экрана, находит похожие экраны из лучших приложений и предлагает 1–5 конкретных улучшений — каждое привязано к реальному референсу.
Что-то типо "вот как Stripe решает эту же задачу, и вот что именно они делают иначе». Взят из их продакшн-системы дизайн-критики.
Использовать когда: что-то явно выглядит плохо, но непонятно что именно и как это чинить.
4. /lazyweb:lazyweb-design-brainstorm — идеи из других индустрий
Намеренно ищет за пределами твоей категории. Делаешь финтех — агент смотрит на гейминг, энтертеймент и социальные сети. Логика в том, что все финтех-продукты копируют друг у друга, и получается финтех-суп.
Этот скилл ищет паттерны, которые в твоей нише ещё не приелись.
Использовать когда: хочется чего-то нестандартного и все конкуренты выглядят одинаково.
5. /lazyweb:lazyweb-add-inspo-source — подключить свою библиотеку референсов
Можно подключить внешние источники вдохновения, и они будут автоматически включаться в исследования. Например, свои скриншоты из Figma-библиотеки или конкретные сайты.
6. /lazyweb:lazyweb-remove-inspo-source — отключить источник
Убрать подключённый источник, если он больше не нужен или стал нерелевантным.
Как это работает в практике
Допустим, строишь SaaS с дашбордом. Обычный сценарий без Lazyweb: описываешь словами «сделай современный дашборд», получаешь sidebar слева, карточки с метриками сверху и таблицу внизу.
С Lazyweb: агент сначала запускает /lazyweb:lazyweb-design-research по запросу «SaaS analytics dashboard». Скачивает 20–30 реальных скриншотов Notion, Linear, Vercel, Stripe. Анализирует паттерны. И только потом начинает проектировать — опираясь на то, что работает у продуктов с миллионами пользователей
Все скриншоты сохраняются локально в .lazyweb/:
Думаю, база в 257 тысяч скриншотов с фильтрами по категории, компании и платформе (mobile/desktop) — это уже достаточный охват, чтобы найти референс практически для любого экрана.
Инструмент бесплатный, ставится за пять минут, работает с Claude Code и Codex
Читайте мой тгк, где я чаще обозреваю подобные инструменты, спасибо за прочтение! =)