Разбери любой сайт на атомы
Вставь ссылку, скриншот или запись экрана. Через минуту получишь: из чего сайт собран, сколько такая работа стоит на рынке, где взять точно такие же ресурсы и по каким урокам это повторить своими руками.
Четыре шага от «красиво» до «я сделал сам»
Порядок важен: каждый следующий шаг работает на результате предыдущего.
Загрузи референс
Ссылка на сайт, скриншот, мокап или видеозапись экрана — для анимаций и скролл-эффектов, которые скриншот не поймает.
Выбери движок ИИ
Gemini, ChatGPT, Claude или Grok. Ключ хранится только в твоём браузере и уходит напрямую к провайдеру, минуя чужие серверы.
Получи разбор и смету
Индекс сложности по 100 балльной шкале, разбивка по десяти слоям, найденные шрифты и библиотеки, часы работы и стоимость по ставке твоего рынка.
Собери проект
Список ассетов со ссылками на бесплатные аналоги и платные оригиналы, подборка уроков и софта под каждый найденный эффект.
Разбор без ответа «а дальше что» бесполезен
Где взять
Шрифты, фото, видео, 3D модели, иконки, звук. Для каждого платного варианта — бесплатный аналог того же качества.
Чем сделать
Программы, браузерные редакторы и ИИ агенты: 3D, моушн, видео, генерация картинок, сборка сайта без кода.
Как научиться
Бесплатные курсы, каналы и мастер классы под конкретный эффект — на русском, украинском и английском.
Профессия, которую можно освоить из дома
Новичок с нуля
Учишься на разборе живых сайтов, а не на абстрактных примерах.
Фрилансер
Показываешь клиенту детальный разбор — и смета перестаёт быть предметом спора.
Дизайнер
Быстрый сбор ассетов и понимание технических ограничений до начала макета.
Студия
Оценка входящих заявок за минуту вместо часа переписки.
Инструмент делается прежде всего для тех, кому тяжело выйти из дома: ветеранов, людей с инвалидностью, тех, кто начинает жизнь заново. Веб-дизайн — одна из немногих профессий, где работа находится по портфолио, а не по прописке и физической форме. Поэтому в базе ресурсов всегда указан бесплатный путь, а весь текст на экране можно прослушать вслух.
Свои ключи — свои правила
Базовый — бесплатно
Один движок ИИ на выбор, общая оценка сложности, полный доступ к базе ресурсов и обучению.
- Разбор по ссылке и скриншоту
- Индекс сложности и часы
- Вся база ресурсов и уроков
Pro
Все движки одновременно, разбор видео, детальная смета с ценами ассетов и выгрузка отчёта.
- Консилиум из четырёх моделей
- Покадровый разбор записи экрана
- Смета по ставкам четырёх рынков
- Отчёт в HTML для клиента
Есть ссылка — вставь её. Нет ссылки или сайт закрыт от ботов — просто добавь файлы ниже.
Картинки PNG, JPG, WEBP и видео MP4, MOV, WEBM
Видео сам порежу на кадры, чтобы поймать анимацию
Оставь прочерк — и денег в отчёте не будет, только часы и баллы сложности. Впиши свою цифру — появится смета.
Выбери способ ввода слева и нажми «Сделать рентген».
Без ключа API работает демо режим — он показывает структуру отчёта на условных данных.
Сними стиль сайта до последнего пикселя
Дашборд разбирает технику: из чего собран сайт. Эта страница снимает другое — вкус и атмосферу: размеры букв, вес шрифтов, палитру, воздух, есть ли рамки и тени, как двигаются блоки. На выходе — готовый промт для Lovable, чтобы новый сайт дышал в том же ритме, но со своим содержанием и своим брендом.
Из кода вытащим настоящие шрифты и цвета — это факт, а не догадка.
Gemini подключается ключом в настройках ⚙ — он хорошо читает картинки.
Вставь ссылку и добавь хотя бы один скриншот первого экрана.
Чем больше кадров — тем точнее калька: шапка, первый экран, блок услуг, подвал.
Разобрал сайт — забери промты и собери свой
Рентген показывает, из чего сделан чужой сайт. Здесь это превращается в текст задания: страница за страницей, блок за блоком. Копируешь промт, открываешь Lovable, вставляешь — и получаешь сайт того же уровня сложности, но со своим содержанием.
Место для твоих собственных заготовок: впиши промт, он сохранится в этом браузере и будет всегда под рукой рядом с остальными.
Всё, из чего собираются сайты
Фото, видео, шрифты, 3D, моушн, звук, ИИ агенты, конструкторы и софт. У каждой платной позиции есть бесплатная замена — она помечена зелёным.
Путь с нуля до первого заказа
Порядок проверенный: сначала вёрстка, потом дизайн-инструменты, потом эффекты. Всё бесплатно, кроме отмеченного.
Уроки под конкретный эффект
Нажми — откроется поиск по YouTube с готовым запросом на нужном языке.