0: С помощью клод код и нано банана 2 вы можете создавать потрясающие анимированные сайты, даже если у вас вообще нету опыта в программировании. Но вот в чем проблема. 99% людей даже понятия не имеют, как сделать сайт, который реально будет прино.

1: Деньги. Поэтому в этом видео я покажу вам пошаговый процесс, как создавать премиальные 3 д сайты, за которые клиенты готовы платить 1 000 $. Это не просто красивый дизайн, это новая умная и и архитектура, которая буквально превращает обычный

2: Зрителей в реальных покупателей для тех, кто на канале впервые. Меня зовут мастодонт. Я веду свою студию по внедрению искусственного интеллекта в бизнес по всему снг и собираю пошаговый план по тому, как выйти на первые деньги в искусственном интеллекте в 2026 году по

3: 1 ссылки в описании все бесплатно кайфуй, наливай кофеёк и погнали работать сегодня продавать крутые сайты за 1 000 $ реально легко, если использовать связку, клод код и новейшие нейросети нано банана 2. Раньше делать такие

4: Вещи было просто физически невозможно. И в этом видео я покажу, как именно это работает. Но 1 красивого кода мало. Сайту нужен интеллект, о чем я говорю. Смотри, нам нужны глубокие данные о нише нашего клиента. Мы

5: Должны уметь анализировать, что на самом деле делают самые успешные компании. На этом рынке наш сайт должен идеально закрывать потребности бизнеса. Согласитесь, лендинг для серьёзной юридической компании и сайт компании по установке кондиционеров это абсолютно

6: Абсолютно разные бизнес модели с разными триггерами. И все это исследование мы сделаем внимание на полном автомате, используя умный веб скрейпинг. Это потрясающая технология. Плюс в этом видео я покажу вам, как настроить систему, в которой ваш

7: Клиент сможет сам запрашивать изменения на готовом сайте через искусственный интеллект идеальная фишка, если продаёте сайты на заказ итак, используя клод код нано банана 2 и fire crawl, мы реализуем 5 крутых вещей.

8: Я покажу вам, как автоматически извлечь логотип с абсолютно любого сайта, как вытащить весь текстовый контент со страниц конкурентов, как системно собрать информацию о лидерах в абсолютно любой нише, как сгенерировать потрясающий ни

9: 3 д логотип, который выделит проект на фоне серой массы и как объединить все это вместе, чтобы создать поистине выдающийся продукт. Глобально наш процесс будет состоять из 3 этапов. Для начала мы соберём данные о сайте и нише клиента, чтобы понять, как вы

10: Выглядят лучшие из лучших, и уже на их фундаменте построим собственный шедевр. Так давай выберем нишу и пойдём строить. Я предлагаю все разобрать на примере ремонта квартир и дизайна интерьеров в снг. Это супер прибыльная ниша, где правильный сайт решает

11: Абсолютно все. И, допустим, мы работаем с компанией, которая занимается премиальным ремонтом. Или вы сами владелец такого бизнеса. В качестве примера я нашёл 1 из самых топовых компаний в Нижнем Новгороде. По дизайну интерьера. Мы возьмём

12: Его за основу и разберём по косточкам, чтобы понять, как сделать из этого сайта конфетку. Посмотрите на экран. Вот как он выглядит сейчас. Честно, не очень. Окей, погнали. 1, что нам нужно сделать, это открыть бесплатную среду разраб.

13: Ботку антигравити и запустить там клод код. Скачивайте с официального сайта. 1, что мы делаем. Чтобы подключить клод код, мы заходим в расширение, жмём клод код и жмём скачать супер справа вверху у нас появляется такая иконочка, как видите.

14: Здесь само пишется слово клод, то есть вызывается командой, и тут у вас будет выбор зайти через токены. Давайте я вам даже покажу. Сейчас у вас будет примерно такой выбор. Вам необходима какая-либо подписка, желательно Макс, но можно и про

15: Я выбираю все, у меня открывается браузер. Я жму кнопочку авторизация, сшиваю мой аккаунт клода с антигравити, и все у меня подключается. Лично я использую подписку у клода Макс с огромными лимитами, чтобы ни в чем себя не

16: Ограничивать и вам очень рекомендую. Далее мы подключим готовый навык по другому. Он называется скил, который был разработан специально для вас. Все эти ресурсы и промты вы найдёте в моём telegram канале, в закрепе или же к Посту.

17: Данного ролика. И 1, что нам нужно сделать, чтобы начать работать в антигравити, создать какую-то папку, делаем это я обзову её ремонт, и просто все супер мы внутри проекта. Ни в коем случае не называйте папку по-русски, чтобы antigravity не глючил, он не любит кириллицу.

18: Fire crawl это потрясающий ии скрепер. То есть он сам пойдёт в сеть, найдёт самые топовые сайты по дизайну интерьеров и ремонту квартир. Самое главное, он выяснит, что у них вообще общего ребят, какие фишки они используют, как продают свои услуги.

19: И на основе этих Сырых данных сгенерировать для нас убойнейший план по разработке сайта, который будет просто разрывать этих конкурентов. А на десерт мы добавим туда крышесносную 3 д анимацию. Ой, ой, ой, давайте загрузим файлы для этого нам

20: Нам нужно скачать в telegram данные файлики, он будет называться веб сайт ресерч или веб сайт интелледжент. Просто переносим на рабочую область, жмём копии это система и исследователя теперь заходим в наш любимый клод опять же.

21: Супер и пишем следующий промт для удобства можно все позакрывать на контрол л вы можете скрыть правый чатик, он нам не нужен. Пишем такую команду. Привет. Ознакомься со скилом таким-то веб сайт интеллект. Я хочу, чтобы ты пошагово повторил все

22: Заложенные в нём действия. Когда закончишь, сохрани этот процесс как новый встроенный навык, чтобы я мог вызывать его в будущем, даём ему разрешение. То есть он видит файлы в нашем рабочем процессе. Небольшой лайфхак. Если графический интерфейс клод вдруг глючит, просто откройте.

23: Терминал внизу. Вызовите клод команды и вставьте ту же самую подсказку, просто жмёте сюда new терминал, пишите клод. Я люблю работать с ним справа, поэтому он обычно у меня в правой части экрана, а не внизу, как у других, все всегда перед глазами смотрите, в этом скиле зашиты.

24: 3 глобальных этапа. 1 глубокое изучение рынка, 2 обучение на успешных примерах и 3 создание архитектуры сайта на основе этих данных. Смотрите, сначала ему нужно скормить ссылку нашего сайта и апи,

25: Ключ фаер кроу айпи ключ. Берём отсюда и копируем ссылку нашего сайта через fire crawl эйпиай, он полностью его сканирует, вытягивает смыслы, находит сильные, слабые стороны, анализирует позиционирование, безумие. Смотрите сейчас.

26: Начинается абсолютная магия вне хогвартса конкурентный анализ нейросеть сама находит 5 крупнейших конкурентов в нише ремонта, ранжируя их, по отзывам google и яндексе и их видимости в поиске она разбирает каждого конкурента.

27: До винтика, дизайн, контент, брендинг, логотипы и всякие сео. То есть мы понимаем, что реально работает на этом рынке в конце клод выдаст нам красивый структурированный отчёт, конкурентный профиль, сео анализ, пробелы по ключе.

28: Словам и готовую презентацию, которую уже можно отправлять клиенту ребят. В принципе, файр ролл нам больше не понадобится. Самое главное, с дашборда мы взяли копии, ключ, ребята, он переварил все это буквально за секунды без нашего участия. Посмотрите, что мы

29: Получили конкурентный анализ, дзин, исследование ниши интерьера в Нижнем Новгороде. Ой ой ой, 8 критериев оценены паттерны лидеров ребят. Это готовый документ, за который агентства берут сотни тысяч рублей. Я не

30: Шучу. Вы можете продавать его как отдельную услугу или использовать как фундамент для сайта. Вы посмотрите, я в восторге, он такой глубинный анализ провёл главные запросы ниши. Сравнительная таблица, глубинный анализ конкурентов. Рекомендую направление дизайна.

31: Палитра сохранить чёрный структура анимация на каждую секцию дин набирает 45 из 80 баллов по 8 ключевым критериям. У них есть серьёзная сео база, но безликий дизайн, отсутствие отзывов. Вы представляете, как круто отправить

32: Это клиенту, знаешь, многие пишут в холодную. Я сделал аудит вашего бизнеса, и там сплошная вода, а здесь глубочайшая аналитика так и выглядит. Это ещё круто. Паттерны топ 10%. Боже, ребят, как это жёстко он расписал преимущества каждого.

33: Конкурента стандартный шаблонный дизайн сайта гарантия 5 лет. Потрясающе. Это реально уровень топового маркетолога. Он даже собрал цветовую палитру ниши. И самое главное, ребят он сделал, рекомендуя направление дизайна, на что и будет основываться наша нейронка в

34: Будущем он понимает, кто на рынке топ, и забирает у них все лучшее, и это был только 1 этап ой ой ой, у нас есть структура, контент, стратегия, seo план и триггеры доверия теперь мы переходим к генерации, я пишу клод и отправляю

35: Отличная работа. Теперь, опираясь на отчёт, создай код полноценного сайта, сделай его стильным и конверсионным и самое главное оставь на 1 экране место, куда позже добавлю крутую 3 д анимацию, посмотрите, какие глубинные аудиты отчёты.

36: Он подготавливает, на основе которых сейчас он будет делать сам сайт. Это просто безумие, это, ой ой, ой, ух, ребят, давайте посмотрим, что у нас получилось так у нас готова базовая страница. И тут он оставил место под нашу анимацию, как мы

37: И просили скролим вниз ребят, шикарные блоки, шикарные шаги, форма, как он говорил, что внедрение формы очень сильно повышает конверсию, отзывы, команда, призыв к действию. Нет, без шуток, это выглядит как дорогой.

38: Премиальный бренд, то есть тексты бьют вот в цель, там интерьеры, в которых хочется жить. Дизайн под ключ, поэтапная оплата. 87% клиентов приходят по рекомендации. Все это основано на топах рынка. Так круто. Базовая структура у нас готова есть блоки.

39: Доверие, отзывы, формы захвата. 1 черновик честно выглядит отлично. У меня был хуже мнения, но смотрите, чтобы продавать такие сайты за 50, 100 плюс тысяч рублей, нам нужен какой-то вау эффект, понимаете? И следующий наш шаг.

40: Его по настоящему космическим мы добавим красивую 3 д анимацию с помощью нано банана 2 и интегрируем её прямо в главную страницу для этого я захожу на нашу страничку из telegram и копирую следующие.

41: 2 скилла 3 д. Анимация и создание Промтов все по новой вызываем клод и приступаем. Я ему говорю, опираясь на структуру, которую мы только что создали, я хочу сгенерировать 3 д анимацию для главного.

42: Экрана идея такая мы показываем убитую старую советскую какую-то квартиру с бабушкиными коврами на стенах, рваными обоями и скрипучим там линолеум, и по мере скролла эта квартира плавно превращается в стильный супер ребят премиальный.

43: Минималистичный лофт 2026 года. Сгенерируй мне 3 детальных текстовых промта для нейросети, чтобы я мог создать эту анимацию. Потрясающе, ребят. Нейросеть моментально нам выдаёт страничку с 3 готовыми промтами, то есть для старой

44: Квартиры для нового лофта и сам видеопереход между ними. Пока клод настраивает структуру, мы идём на сайт под названием хик сфил иай, чтобы сгенерировать сами файлы, сами изображения. В принципе вы можете использовать абсолютно

45: Любую нейросеть. Но хиксвилл сейчас честно, самый простой способ получить потрясающую картинку. Заходим, логинимся через google, берём с данной странички 1 промт про убитую советскую квартиру скопировали и просто вставляем. Нам нужна страничка, крейт.

46: Нано банана 2. Выбираем настройки 16 на 9 2 ка качество. Ну и штучки 3 4. И обязательно указываем белый фон. Все у нас есть из чего выбирать. Нажимаем создать. Боже мой, ребята, это вы только посмотрите на это. Это выглядит просто

47: Ужасно в хорошем смысле, да, то есть оторванные обои, такой жуткий линолеум, разруха, даже вот эта лампа наверху выбираем самый мрачный вариант. Теперь берём 2 промт от клода. Про идеальный лофт все скопировали и

48: Вставляем сюда и сюда же нам нужно прикрепить ту картинку, которая нам нужна как референс. Выбираем, отлично выбираем лучший вариант лофта. Мне лично вот этот очень нравится. Все, скачиваем обе картинки на компьютер. Теперь переходим в раздел

49: Видео криейт видео копируем 3 промт финальный и просто вставляем сюда выключаем мультишот выключаем звук. Это нам не нужно. Загружаем начальный кадр нашу убитую советскую Хату и 2 кадром. То есть такая

50: Он нам сделает сцену между переходами от старой хаты к новой. Выбираем 1080, модель 3 точка 0 лады. И, ну, секунд 7. Примерно так. Ребят, готово, давайте смотреть. Ой, ой, ой, выглядит невероятно. Ремонт.

51: Прямо на глазах происходит старая мебель, исчезает ковёр прям обрывается, прям линолеум улетает за края качество 1080 делают картинку супер реалистичной. Супер красота. Я доволен. Скачиваем, возвращаемся в антигравити и просто вставляя

52: Prompt я только что загрузил видео. Хочу, чтобы ты поместил его на самый верх сайта. Интегрируй его так, чтобы анимация была привязана к скроллу мыши. Когда пользователь заходит на сайт, он видит убитую советскую Хату, но по мере того, как он прокручивает страницу вниз, квартира плавно преображается в

53: Современный лофт. Сделай верхний блок белым для бесшовного перехода. Потрясающе. Ребят. То есть сейчас он использует наш 2 скил сайт 3 д билдер. Если он не поймёт, что вы имеете ввиду, просто добавьте. Использует такой-то такую то папку. Название папки давайте

54: Посмотрим, что получилось так. О, вот добавил, ой ой ой, ребят, посмотрите на это. Вы видите, как это клёво. Интерьеры, в которых хочется жить. Нас встречает надпись, и мы скролим вниз, и комната оживает. Обои меняются.

55: Ковёр исчезает боже как клёво ещё tool типа видите слева на каждом этапе появляется это очень клёво все дальше идёт весь наш премиальный сайт услуги, отзывы, форма заявки и конечно же это все оптимизировано под мобильный.

56: Устройства потрясающе. Можно его попросить, чтобы он сделал побольше картинку анимации работают идеально на любых устройствах. Сайт выглядит топово на всех устройствах это просто фантастика. Смотрите, с точки зрения визуала сайт выглядит

57: Шикарно, но но в коде всегда есть недочёты по юзабилити и оптимизации, и чтобы сделать сайт прям вот идеальным, мы воспользуемся следующим скилом seo стратег икей сео оптими.

58: Просто перетаскиваем его себе в рабочее пространство. Просто даём клоду команду. Загрузи скил сео оптимизатор проведи полный аудит нашего сайта. Проверь доступность юай юикс сео теги размеры изображений и скорость загрузки ребят он

59: Начал полный аудит сайта. Вы видите, что он делает? Он моментально находит и устраняет, сколько 15 критических ошибок доступности правит навигацию, чинит 8 проблем сео, он даже сжимает изображение и улучшает.

60: Формы кнопок. Вот подумайте, сколько бы у вас заняло, вот сколько часов ушло бы на это вручную, а нейросеть это делает за секунды, но мы не просто исправляем ошибки. Мы, господа, покажем эту работу. Клиенты я пишу клоту, смотри.

61: Генерируй красивый html отчёт с результатами этого аудита, сделай его в стильном тёмном дизайне, покажи, что было до и что стало после добавь прогресс бары по seo, юзабилити, чтобы клиент видел.

62: Реальную ценность, ребят я даже не договорил, он сам это за меня сделал, смотрите, клод сгенерировал html файл, давайте я приближу, это выглядит как премиальный дашборд, вы посмотрите, сколько здесь информации, ребят, вы видите, сколько исследований.

63: Это безумие клиент видит зелёные прогресс, бары, оценки по seo, красные значения, что можно улучшить это продаёт вашу экспертность лучше любых слов я попросил его сделать в более таком тёмном.

64: Стиле в более, ну, в едином сайтом. Посмотрите, какая точность. Количество данных, сколько можно сделать, сколько осталось внести исправлений, чтобы улучшить определённые результаты. Ух, потрясающе, ребят. Итак, у нас есть идеальный

65: Конверсионный анимированный сайт, за который не стыдно брать высокий чек, но создать красивый сайт локально это 1, совсем другое. Правильно упаковать этот код и разместить его на рабочем хостинге, чтобы сайт увидел весь мир. Как это дела?

66: Вы можете узнать в этом видео. На экране с вами был мастодонт. Забираю пошаговый план по тому, как выйти на первые деньги в искусственном интеллекте. По 1 ссылочке в описании работаем, забираем рынок и, как говорится, держим темп.