ИИ-дизайн легко узнать. Вот один инструмент, чтобы это перестало быть проблемой

ИИ-дизайн легко узнать. Вот один инструмент, чтобы это перестало быть проблемой

Claude Code, Codex, Cursor, любой AI-агент по умолчанию рисует из памяти. А память — это усреднённый интернет 2022 года. Отсюда эти бесконечные карточки с тенями, hero-секции с градиентом и кнопки, которые выглядят как Bootstrap-шаблон.

Lazyweb это фиксит.

Что такое Lazyweb

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

Суть простая: AI-агент перед тем как что-то нарисовать, сначала находит реальные примеры, скачивает их локально и только потом проектирует.

Устанавливается в Claude Code двумя командами:

claude plugin marketplace add https://github.com/aboul3ata/lazyweb-skill claude plugin install lazyweb@lazyweb

Токен бесплатный, генерируется одной 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/:

.lazyweb/design-research/saas-dashboard-2026-06/ ├── report.md └── references/ ├── linear-dashboard.png ├── vercel-analytics.png └── ...

Думаю, база в 257 тысяч скриншотов с фильтрами по категории, компании и платформе (mobile/desktop) — это уже достаточный охват, чтобы найти референс практически для любого экрана.

Инструмент бесплатный, ставится за пять минут, работает с Claude Code и Codex

Читайте мой тгк, где я чаще обозреваю подобные инструменты, спасибо за прочтение! =)