Transcription
Теперь мы можем с вами вайп-кодить в Тильде. Буквально на днях ребята из Тильды выкатили новую фичу. Теперь мы можем с вами внутри редактора Тильды создавать какие-то уникальные решения, которых нету изначально внутри Тильды. То есть, не используя зароблок и не используя стандартные блоки. Они назвали этот инструмент VIPE.
В этом видео я хочу вместе с вами посмотреть, что это такое, по горячим следам пройтись, рассказать о том, что я заметил, да, какие есть ключевые моменты. И самое главное, я хочу показать вам, на что это всё дело способно.
Чтобы воспользоваться этой настройкой, нам нужно создать новую страницу. Создав её, мы найдём вот здесь вот кнопку рядом с кнопкой ZR, которая называется Vipe. Нажимаем на неё, и у нас открывается новый абсолютно блок.
Что он из себя представляет? Давайте быстренько по нему пробежимся. С левой стороны — знакомые кнопки, настройки, которые дают те же самые параметры, которые даются для зероблока: это отступы, фон всего блока, включить либо выключить эффект при скролле и диапазон видимости. То есть, стандартные настройки для зароблока. Дальше у нас есть с правой стороны кнопки: стандартные скопировать, удалить, выключить, переместить и так далее. Ну и кнопка редактировать блок.
Если мы с вами нажимаем на кнопку редактировать блок в Зероблоке, он у нас перебрасывает. Мы проваливаемся внутрь редактора Зероблока. Здесь же у нас открывается вот такое окошко, в котором мы с вами можем вводить данные. Но при этом, когда мы создаём наш блок с нуля, у нас вот эти самые настройки находятся вот здесь вот посередине. "Сгенерируйте код блока". Здесь также есть приписка: "Искусственный интеллект может допускать ошибки". Это сейчас стандартная приписка абсолютно во всех нейросетях, чтобы с себя снять ответственность. Потому что всегда, друзья, проверяйте то, что вам выдаёт нейросеть. Неважно, чем вы занимаетесь, всегда проверяйте.
Дальше у нас есть здесь кнопки вопросика, которые открывают эту самую панель. Есть кнопки привязки файлов. То есть, можно, на момент записи этого видео, у нас сегодня 15 мая 2026 года, загрузить только изображение. В скором времени ребята планируют дать возможность загружать файл. В каком виде этот файл будет, пока непонятно. Будет ли это, например, Figma-файл либо ещё что-то, мы посмотрим немножко позже.
Ну и самое главное — это модели. Какие нейросети мы будем использовать для генерации этого самого кода? Если вы думали, что здесь будут использованы нейросети, которые сделали тильдовцы, к сожалению, нет. А будут использованы самые продвинутые модели на сегодняшний день в мире, но не самые продвинутые, скажем так, модели внутри нейросетей. В частности, у нас здесь есть 3.5 Flash, Gemini 3.1 Flash Live Preview, Deep Seek версии 4 Flash, Mini Max, MIM, Kimi 2.6, Cloud либо Cloud Hik, и Cloud Sonet 4.6. На самом деле, это не самые продвинутые модели у этих нейросетей, но вот мы имеем то, что имеем. И сегодня я хочу вам показать, как мы можем что-то сделать, какие из этого будут результаты. В общем, я протестирую всё это дело за вас.
Вот здесь вот обратите внимание на вот эти параметры. То есть, Gini 1, Gemini 1, Dipsic 1. Но дальше уже идёт Mini Max 2, MIM 2, 3, Cloud — это получается Haiku 4.5, и Cloud Sonet 4.6 — 14. Что это значит? Это значит, что за один запрос у нас будет, скажем так, съедаться определённое количество токенов, которые у нас есть непосредственно внутри Тильды. И самая дорогая модель — это Cloud Sonet 4.6. С вами будем это разбирать.
Теперь вопрос: как нам посмотреть, какое количество у нас вот этих токенов сегодня существует? На момент записи этого видео, всё это дело можно посмотреть следующим образом. Либо мы нажимаем вот сюда на вопросик, у нас открывается непосредственно вот это меню, и дальше мы возвращаемся назад. Либо мы нажимаем сразу "Редактировать блок" без введения сюда какого-то промта. И у нас открывается тот же самый блок. И вот тут вот есть вот такая кнопочка. Мы на неё просто наводим. Мы не нажимаем, а именно наводим. И смотрим, что у нас есть лимиты. Это, получается, ну, как бы не токены, а в Тильде — это запросы. И если мы с вами вернёмся вот в эти самые настройки, да, модели, мы увидим, что Gemini, Dipsk за каждое обращение к этим нейросетям съедает один запрос. Если мы говорим про Minimкс — это два запроса. MIM — два, MIT 3, Cloud — это получается Haiku 4.5 запроса, и Cloud Sonet 4.6 — 14 запросов.
Соответственно, вот здесь мы можем с вами видеть, что у нас лимиты на платном тарифе, на любом платном тарифе, будь то персональный, либо про-тариф, бизнес-тариф такой у нас есть в Тильде, у нас даётся не более 100 запросов в месяц и не более 50 запросов в день. То есть, по сути, месячный лимит мы можем потратить за 2 дня в лёгкую. То есть, на одном аккаунте мы можем работать с лимитом на день не больше 50 запросов и всего на весь месяц не более 100 запросов.
При этом ребята из Тильды уже позаботились и предлагают нам сразу приобрести дополнительные запросы. Давайте посмотрим, какой здесь идёт ценник. Если мы говорим про количество запросов, то один запрос стоит 1 рубль. 100 запросов — 100 рублей. Соответственно, 500 запросов — 500 рублей. Максимальное количество, что можно сейчас купить — это 500 запросов. А, и здесь можно посмотреть коэффициент, что, ещё раз повторюсь, самый дорогой у нас — это Cloud Sonet 4.6. Он съедает 14 запросов за один за одну обработку, например, вашего какого-то промта. При этом там есть некоторые моменты, на которые мы тоже с вами обратим внимание.
И что немаловажно, опять же, запоминайте, что на данный момент, на момент записи этого видео, я так понимаю, что ребята это всё делают пока что в формате такого, знаете, самого горячего бета-тестирования. Возможно, на каких-то тарифах они увеличат количество запросов. Возможно, на бизнес-тарифе в дальнейшем для каждого сайта будет вот этот самый параметр. Но если вы, например, сидите на тарифе бизнес, у которого у вас есть как минимум пять сайтов на Тильде, то если вы думаете, что на каждый сайт у вас будет по 100 запросов в месяц, вы ошибаетесь, 100 запросов на вообще ваш один аккаунт. То есть, пока, я так понимаю, они обкатывают эту всю систему. И у нас есть такие лимиты. То есть, ещё раз, 100 запросов в месяц и 50 запросов в день. То есть, по сути, ещё раз повторюсь, вы можете весь месячный ваш лимит потратить за 2 дня, то есть при желании, конечно.
Ну и вот если вам, например, не хватает каких-то запросов, вы заходите сюда, нажимаете "Оплатить", переходите и оплачиваете либо СБП, либо карты. То есть, я пока ничего платить не буду. Я буду смотреть с тем, что у меня есть. Благо, у меня есть несколько аккаунтов, с которыми я работаю. Я могу потом по ним переключаться.
Что нам нужно понимать? Нам нужно понимать, что мы можем сюда вводить разные запросы. Как это посмотреть? Вот здесь вот нажимаем на вопросик, и нам показываются примеры того, что мы можем делать. Это обложки, то есть это может быть сделан один экран. Сразу забегу немного вперёд: на данный момент невозможно сразу же через вот этот запрос сгенерировать весь сайт, например, весь лендинг, если вам это надо. Мы генерируем поблочно. То есть, один блок, второй блок, третий блок. Дальше у нас может быть обложка, рейтинги, расписание конференций, расписание школ танцев. Вот пример здесь есть: этапы работы, этапы создания, квизы — это пошаговые формы, калькулятор калорий, что не очень интересно, кстати, таймлайн и подборка товаров.
Например, давайте нажмём "Подборка товаров". Вот здесь у нас появляется три кнопки: это "Применить промт". Мы этот промт, который тильдовцы нам щедро с нами поделились, мы можем применить его, видоизменить под свои задачи и получить примерно такой же результат. Можем взять код и его интегрировать, например, в стандартный блок в Тильде HTML, да, который у нас есть. Или мы можем посмотреть демо. Нажимаем "Посмотреть демо". У нас открывается страничка, пожалуйста. Вот у нас с вами подсчёт какой-то цены. Любитель, новичок. Ну, в принципе, неплохо. Хорошо, классно. Вот, ну, выглядит достаточно современно.
Но давайте будем смотреть, что мы можем с вами сделать здесь. К сожалению, вот что я не заметил, точнее, чего я не нашёл: какие модели были использованы для вот этих для генерации вот этих примеров. Я думаю, было бы логично показать, что вот этот промт был использован для такой-то модели, потому что можно израсходовать много запросов и не понять вообще, с какой моделью это работает всё это дело.
Если мы говорим вообще про вайп-кодинг, то вот из всех этих моделей, безусловно, по цене даже можно понять, что самая лучшая модель — это Cloud Sonet 4.6. Она съедает, ещё раз, в 14 раз больше, чем та же самая Gpt 3.5 Flash. То есть, по идее, вот эта модель должна выдавать лучший результат, чем все остальные. Но мы с вами сегодня это проверим. Возьмём несколько примеров и протестируем, как это выглядит на каждой практической модели. То есть, чтобы понять, как вообще это выглядит по запросам, по одному и тому же запросу для каждой модели. Всё с этим, я думаю, понятно.
Давайте сейчас я перейду непосредственно к практике. Мы будем с вами создавать простейшие примеры. Я изначально вам признаюсь, что подготавливал сразу несколько промтов. Вот даже при желании вы сможете всех их скачать у меня в Telegram-канале. Здесь есть промт для первого экрана, промт для калькулятора и промт для презентации. Я заморочился, взял. У меня вот, например, в наклоде есть мой проект и агент, который создаёт профессиональные промты, попросил его создать, попробовать его сделать в определённой теме. В общем, если вам нужны вот эти промты, переходите в мой Telegram-канал, если вы ещё в нём не состоите, и забирайте, они там есть. То есть, три промта вы сможете забрать. Ну, то есть, это чисто так для примера.
Но мы начнём с самого простого. Начнём с того, что большинство пользователей не знают, как писать промты. Большинство пользователей не знает вообще про структуру этих промтов, не знает, что такое, ну, скажем так, вообще, как с этим работать. Поэтому мы начнём работать как простые люди. То есть, если вы мне сейчас напишите в комментарии, что Владимир, сегодня все работают с нейросетями, все работают, но далеко не все используют там технологии. Поэтому мы сейчас будем тестировать этот функционал с точки зрения простого обывателя.
Вот что нам нужно сделать. Нам нужно сюда написать какой-то запрос. Я, например, хочу, чтобы сейчас этот инструмент мне сгенерировал обложку первого экрана, то есть сделал hero-секцию, так называемую, то есть обложку для какой-то темы. Сейчас я быстренько напишу этот промт и вам его покажу.
Итак, я создал промт. Ну, опять, как я создал промт, я просто наговорил его: "Создаю обложку для первого экрана сайта, который продаёт услугу по путешествию в Мурманск для того, чтобы увидеть китов вживую". Да, вот здесь можно убрать. Дальше стиль сайта должен быть следующим: крупный заголовок, описание, одна либо две кнопки и красивое тематическое изображение, которое олицетворяет именно путешествие в Мурманск на знакомство и чтобы увидеть китов вживую. Примерная структура здесь тоже прописана этого экрана: крупный заголовок, не более трёх-пяти, а трёх, вот здесь вот у меня почему-то тире он написал, а пяти слов. Сильное описание, которое показывает именно куда человек попал и для чего это нужно. Ну и так дальше. Всё это дело вот вот можно посмотреть.
Дальше давайте с вами сделаем следующее. Начнём тестирование с самой простой модели. Посмотрим, как она сейчас работает. Учитывая то, что у нас, а, лимит 50 запросов в день, на этом аккаунте как минимум 100 запросов в месяц, мы начнём самый простой. Выбираем перед тем, как отправить этот запрос, а здесь в данном случае модель. И давайте нажмём сюда 3.5 Flash. И немного, наверное, всё-таки подстрахуемся, да. Я не знаю, я, по крайней мере, не тестировал, сможет ли сейчас мне здесь сгенерировать изображение, которое мне надо. Поэтому давайте я сгенерирую отдельно картинку и потом её сюда приложу, чтобы она просто взяла это изображение и его использовала.
Вот поэтому, что я для этого буду использовать? Можно использовать ChatGPT, можно использовать Nanobana, можно использовать другие нейросети, с которыми вы работаете для генерации изображений. В качестве примера я воспользуюсь бесплатной платформой Arena AI. Здесь вам нужно, единственное, что, а, зайти сюда через VPN. В последнее время они перестали работать из России, и, соответственно, залогиниться через Google аккаунт, в частности. Дальше вот здесь вот наверху я выбираю Side by Side, выбираю image, и здесь вот можно выбрать модели, которые я хочу использовать. Например, Gemini 3.1 Flash — это самая последняя Nanobana. И, например, GPT image полторы. Можно найти, например, GPT. Давайте попробуем. Есть ли здесь GPT 2.0? Вот, в частности, вот Image 2.0 у нас тоже есть. И здесь нам надо написать, что мы хотим, чтобы нам эти нейросети сгенерировали. Опять же, в качестве примера я люблю показывать всё не как суперпрофессионалы делают это, а как обычные люди. Я просто опять же наговорил ему такой текст: "Создай красочное фотореалистичное изображение кита, которое, которое можно увидеть в Мурманске. Он может быть под водой, он может быть в формате фазы полёта, когда он выпрыгивает из воды. При этом изображение должно иметь пропорции 16:9. Кит должен размещаться в правой части этого изображения". И отправляем на генерацию. Опять же, вы можете воспользоваться абсолютно любыми нейросетями, будь то, например, агрегатор Синтаксы и там выбрать всё, что вам нужно, либо чем-то другим. Я вот воспользовался сейчас бесплатным вот этим приложением.
Прошло буквально там несколько секунд, и вот у меня два изображения готовы. Первое изображение, которое показывает выпрыгивающего кита, он находится с правой стороны на фоне, ну, я так понимаю, это Мурманск, да, вот примерная примерный внешний вид. Если вы живёте в Мурманске, пожалуйста, напишите, похоже ли это. И второе изображение тоже очень крутое, на мой взгляд, прямо классное. Тоже кит выпрыгивает из воды. Я думаю, мы можем легко использовать оба этих изображения для того, чтобы работать с этим.
Давайте я их скачаю. Нажимаю вот здесь вот download непосредственно к себе на компьютер скачать. Сохраняю первое изображение. Нажимаю здесь на второе и также скачиваю. Возвращаемся в наш редактор. Дальше нажимаем на скрепочку и выбираем "Загрузить изображение" и выбираем его с компьютера. Здесь можно поставить, чтобы у нас разрешение было высоким. И нажимаем "Загрузить файл". Вообще, перед тем, как загружать любые изображения, рекомендую их, конечно же, сжимать. Сейчас эти картинки весят не больше 2,5 Мб. В принципе, этого достаточно будет для предпросмотра и для проверки. Здесь мы можем видеть, что, например, вот это изображение у нас имеет разрешение 1.376 пикселей. Это у нас дело Nanobana. И эта картинка имеет 1.672. В принципе, и то, и то в достаточно высоком разрешении, да, не Full HD, но для примера этого будет достаточно. А, давайте я для примера возьму вот эту картинку. Нажимаю "Открыть". Всё. Кстати, вы можете ещё загружать сюда несколько изображений, то есть, чтобы они тоже здесь были, а, использованы. Я нажимаю "Загрузить выбранное".
И вот здесь ещё я хочу добавить следующую такую вещь: создавая обложку. И сейчас я добавлю сюда технические характеристики. Я просто указал параметры, которые у нас есть по умолчанию в Тильде. Вспоминаем, да, что наша сетка для компьютеров составляет 1.200 пикселей, 12 колонок. Каждая колонка 60 пикселей. Ширина между отступа между колонками 40 пикселей и маргины 20 пикселей. Ну и здесь надо указать, конечно, что это ширина компьютерной сетки составляет 1.200 пикселей. И можно дальше сказать, что, ну, я просто дал карбланш, что мобильную адаптацию он должен делать сам.
Всё, в принципе, у нас готов промт. Не будем сейчас сильно заморачиваться. Нажимаю Ctrl+A, Ctrl+C, чтобы скопировать в буфер обмена. И ещё раз проверяем, что у нас это 3.5 Flash, одна из самых дешёвых моделей. Здесь их три у нас. И отправляем на генерацию. Посмотрим, что у нас получится. Пока у нас происходит генерация, вы можете вот просто навести мышку и увидеть, что у вас сразу же был съеден один запрос. То есть, один запрос у нас получается, один запрос стоит. И посмотрим, как у нас всё это дело произойдёт. Он нам прописывает, что у нас есть готовый вот код, да, атмосфера и дизайн. И тут же он пишет этот самый код. Будем сейчас смотреть, как вообще это дело выглядит.
Ну что, у нас произошла генерация. Давайте скроем это дело. Можем сделать следующее: смотрите, "Начать предпросмотр" нажать, да, и посмотреть. Либо мы нажимаем вот здесь. Так, у нас здесь единственный момент, в принципе, нам нужно, а, нажать настройки. Я вот не могу, нажимаю "Предпросмотр". Да. Вот у нас получается наша страница: "Встреться с гигантами Мурманского моря. Уникальное путешествие, чтобы увидеть китов в их естественной среде обитания. Ощутите магию дикой природы, когда громадный хвост кита..." Ну и т.д., и т.п. И здесь у нас идёт, получается, генерация, да? Если мы вернёмся назад и попробуем опубликовать, давайте посмотрим, как это будет на опубликованной странице выглядеть, и смотрим, как у нас это выглядит. Нажимаем "Забронировать место". Ничего не происходит. Видимо, он не написал нам дополнительно такое всплывающее окошко, но мы ему не задали такую задачу. И вот у нас, посмотрите, изображение не такое, которое мы ему загрузили, да?
Если мы вернёмся назад в предпросмотр, точнее, в редакцию, да, то мы увидим, что вот здесь у нас изображение выглядит вот так. То есть, у нас кит выпрыгивает. Почему так произошло? Скорее всего, потому что мы не задали для него параметры, что нужно использовать для фонового изображения вот эту картинку, которую мы загрузили. Поэтому, что можно сделать? Попробовать сейчас здесь ээ переделать промт полностью, либо, например, здесь нажать на само изображение и загрузить файл, который нам нужно. Нажав сюда, мы увидим, как это изображение выглядит. То есть, по сути, та модель, которая у нас есть сейчас, она сгенерировала изображение самостоятельно. Ну, либо нашла это в интернете, пока непонятно. Но в целом, что очень круто, она сама сгенерировала очень классную картинку, на мой взгляд. То есть, вот этот кит, хвост кита из моря выглядывает. И, в принципе, смотрится тоже неплохо. Но если нам надо, мы можем загрузить файл и загрузить то изображение, которое мы хотим. Например, вот это. Нажимаем "Открыть". У нас происходит загрузка. Ждём. Ну и здесь единственный момент, мы можем что сделать? Мы можем нажать сюда, как-то его обрезать, то есть, например, сделать для него вот такой внешний вид, да, чтобы у нас вот он был примерно вот так. И нажимаем "Save". Посмотрим, как у нас выглядеть будет сейчас он. Ну вот, видите, вот всё как бы всё хорошо. И при этом у нас те пропорции, которые изначально была нарисовано непосредственно нейросетью, мы оставили как есть.
Что мы можем сделать дальше? Смотрите, мы можем с вами, а, поменять текст. То есть, вот здесь мы нажимаем на текст и пишем, как нам надо его, да, поменять текст описания и поменять, например, а кнопку. То есть, в данном случае, если мы нажмём вот сюда, мы провалимся в код. И вот тут в коде можем поменять текст внутри, то есть не "Забронировать место", а написать "Хочу кита". Всё, нажимаем "Сохранить". У нас происходит сохранение. Закрываем. Можно свернуть, пожалуйста. Вот у нас здесь текст поменялся.
Теперь, что касается шрифта. Вот этот шрифт у нас стоит в настройках нашего сайта. Давайте прямо проверим. Перейдём в настройки сайта. Для этого мы нажимаем "Ещё". Здесь выбираем с вами а настройки сайта. Давайте ещё разочек. Почему-то он не сохраняет эти данные. Настройки сайта. Так, а почему он мне не даёт выйти? Он думает, что я не сохранил. То есть, здесь можно, видите, вот этот код перенести вниз. Тоже ещё, кстати, неплохая такая задумка. Дальше возвращаемся в Vibe. Это как раз будет у нас вот такой визуальный редактор. И опять же, переходим в настройки сайта. Вот здесь выбираем шрифты. И смотрите, что у меня здесь есть. У меня шрифт Montserrat и Tilda Sans. Но почему-то он их не подгрузил. Почему? Потому что мы не указали это в промте и не указали, какой шрифт мы хотим использовать. В данном случае он, скорее всего, использовал шрифт, который называется Georgia. То есть, если мы посмотрим сейчас здесь, а, у меня здесь есть код, ну, не конструктор, а расширение. Это Times New Roman в данном случае. Ну, Times, ну, скорее всего, это именно шрифт Georgia, то есть он его подгрузил именно так. Соответственно, что мы можем сделать, если мы вернёмся назад, давайте вернёмся к нашему вот этому сайту, а, нажмём "Редактировать блок". Важный момент: смотрите, у нас, видите, мы поменяли изображение и поменяли текст кнопки. При этом токены, вот эти запросы у нас не поменялись. Почему? Потому что мы сейчас не обращаемся непосредственно к нейросети. Мы сами вручную это редактируем. Соответственно, чтобы экономить токены, мы можем некоторые моменты делать самостоятельно, то есть не просить, например, нейросеть: "Поменяй шрифт с такого-то на такой". Мы можем сделать следующее: найти в коде эту самую настройку и посмотреть, как это выглядит. Вот здесь, кстати, мы можем сейчас в формате кода поменять ширину нашего окна. В формате вайба не можем. И здесь нам нужно найти шрифт, который он здесь использует. Смотрим. Здесь получается, я так же, как и вы, например, если вы не владеете кодом, а не умею кодить, поэтому я сейчас вместе с вами буду это смотреть. Нам нужно найти указание, которое он даёт для шрифта, если есть такие. И посмотрим, как это выглядит. Можем даже сделать следующее. Смотрите, нажимаем сюда, нажимаем вот здесь и смотрим, что нам здесь даёт. Здесь нажимаем сюда, чтобы перенести. Он показывает, что у нас здесь это стиль, да, left column, то есть левая колонка. Какой шрифт мы здесь используем, непонятно. Так, можно найти здесь. Интересно, есть ли у нас поиск? Ctrl+F. Да, поиск есть. Мы нажимаем Ctrl+F и пишем, например, font по-английски. Font family. Здесь получается text font, вариация и так далее. То есть, он нам не показывает, какой шрифт мы здесь используем. Ну хорошо, тогда давайте сделаем так. Мы закрываем, переходим "Редактировать блок VIPE". И вот здесь вот пишем следующее: "Поменяй шрифт на тот, что стоит в настройках сайта". Интересно, поймёт ли он меня? А что нужно именно применить шрифты? Либо Montserrat, либо Tilda Sans. Я сейчас специально не говорю ему какие-то шрифты. Проверим. И в данном случае у нас будет потрачен один запрос. Вы должны это помнить. Проверяем. Ждём некоторое время, когда у нас всё это дело подгрузится. Возможно, он меня не понял правильно. И вот, кстати, в принципе, он понял меня правильно. Я думал, он может помимо Montserrat и Tilda Sans, который у меня есть в этом сайте, он может сюда внедрить системные шрифты. Это какие? Arial и тот же самый Georgia. Пожалуйста. Вот у нас теперь всё как надо. У нас получается шрифт подгружен. Можем опубликовать и проверить. Открываем страницу. Дальше здесь давайте посмотрим на шрифт Montserrat. Всё чётко читается как надо. Montserrat. Круто, замечательно. Всё, у нас готова первая, скажем так, версия этого дизайна с помощью нейросети, которая называется Gpt.
Смотрите, ещё ещё одну важную деталь. Пока вот я записываю урок, нашёл такую, ну, не проблему, а особенность. Когда у нас вайп-кодинг, в данном случае блок свёрнут, мы не можем сюда, вот, например, вот здесь вот мы можем нажать настройки, но мы не можем создать новую страницу. Видите, у нас пишет: "Ну, нужно остаться либо нет". Мы нажимаем "Остаться". И дальше что мы делаем? Нам нужно просто закрыть его вот здесь вот на крестик. В этом случае мы нажимаем вот сюда, например, и "Создать новую страницу". Создаём новую страницу. Дальше, а, заходим в Vibe. Здесь выбираем "Редактировать блок". Нажимаем Ctrl+V. И здесь единственный момент, давайте добавим, чтобы он использовал наше изображение, да? А, то есть мы в первом варианте, когда мы делали в Gpt, мы это не учли. Здесь мы сейчас вот буквально маленькую такую ремарочку сделаем: "Технические параметры, да, и в качестве в качестве изображения в качестве фона используй прикреплённое изображение". Прикреплённое изображение. И здесь давайте также мы укажем, чтобы он использовал шрифты, которые есть в настройках этого сайта. "Используй шрифтовую пару, которая указана в настройках этого сайта". Нажимаем Ctrl+A, Ctrl+C. Здесь мы загружаем с вами это изображение. "Загрузить файл". Давайте возьмём вот это изображение заново. Открываем. Вот оно у меня сейчас сюда загрузится. Отлично. Загружаем. "Загрузить выбранное" и выбираем вместо 3.5 Flash выбираем Gemini 3.1 Flash и нажимаем "Отправить".
Что мы видим? Мне выдаёт ошибку. Что-то пошло не так. Пожалуйста, обновите страницу и попробуйте ещё раз. При этом, смотрите, у меня сейчас написано, что лимиты 47. То есть, он у меня съел ещё один лимит. И дальше что? Давайте мы сделаем.
Давайте сейчас ещё раз сохраним этот запрос. Он просит обновить страницу. Давайте обновим страницу. Зайдём сюда, нажмём Ctrl V. Здесь нажимаем отправить и проверяем, какое количество запросов. Видите, осталось то же самое количество запросов. Что это значит? Если запрос не удался, у вас не будет сниматься этот запрос с вашего лимита. То есть только за удачное завершение операции нейросетью у вас будут списываться эти запросы.
Смотрим, что у нас получается. Он мне сейчас сгенерирует всё это дело. Пока стоит на паузе. Единственный момент. А, но здесь я, видите, что в чём проблема? Я, а, он почему-то здесь не подгрузил моё изображение, хотя должен был быть этот самый эта самая картинка, но картинку сам генерирует. Ну, давайте сейчас посмотрим, что у него получается, и потом ещё разочек отправим, как надо.
Если вы думаете, что любые нейросети работают вот так вот по щелчку и никаких проблем не возникает, вы ошибаетесь. Работа с нейросетями - это достаточно такой тоже кропотливый процесс, и нужно всегда следить за тем, что вы пишете, какие задачи вы ставите, ну и другие определённые параметры. Он пишет, что он для создания обложки первого экрана выбрал эстетику кинематографичного погружения. Ну и дальше ждём, когда у нас всё это дело сгенерирует.
Вот видите, он пишет, что генерирует код. При этом, как мы можем с вами видеть, мы сейчас работаем с вами без VPN, так как у нас Тильда - это российский сервис. И все эти нейросети, они работают по так называемому протоколу АИ. То есть мы работаем внутри Тильды, а Тильда уже сама коннектится с этими самыми сервисами и выдаёт нам а тот результат, который нам надо. То есть нам VPN в данном случае не нужен.
Опять же, мои наблюдения, которые сейчас я вижу, да, у нас изначально вот в этот чат была загружена картинка, да, вот эта вот вот видите, он меня ещё всё время почему-то вниз проматывает. Была загружена эта картинка. Я, когда обновил страницу, картинка осталась, запрос старый остался, но я заново ввёз внёс этот запрос, и он почему-то не подгрузил то изображение, которое было у меня загружено. Не знаю, почему, но вот у нас пока работает именно так.
Всё готово наша версия. Смотрите, я запрос отправил в 15:32, в 15:35 он у меня был обработан. Сворачиваем, смотрим. Можно даже опубликовать страницу и открыть. Получилась вот такая вот картинка, да? То есть этот вариант нам сделала, а версия Квен, да, по тому же запросу, на мой взгляд, смотрится куда лучше. Этот вариант уже немножко по-другому. То есть, во-первых, а неросеть взяла и разместила изображение на всю ширину, но при этом высоту она не сделала, как надо. И здесь добавляла забронировать тур, но никаких действий нету, потому что у нас нету вот этих самых ссылок. И получился вот такой вот текст. Очень посредственно, очень так не очень, я бы сказал.
Что нам нужно сделать сейчас? Давайте, чтобы нам просто а не делать всё это дело в этом же окне, я скопирую этот самый код по ходу нашей вот этого видео. Я буду этот код периодически корректировать. Давайте я его сейчас закрою, точнее сверну. Нажимаю здесь опять же Vibe. Смотрим редактировать блок. Он у меня съел один запрос. Всё чётко, всё классно. То есть он меня не обманул.
Дальше я загружаю сюда изображение. Я хочу всё-таки, чтобы он взял мою картинку, с ней поработал. Нажимаем "Открыть". Ждём, когда она загрузится. Загружаем изображение. Вставляем наш вот этот промт. Здесь проверяем, какие у нас есть параметры. В качестве фона использую прикреплённое изображение. А с Давайте так допишем. С выпрыгивающим из воды китом. Так, выпрыгивающим. Ну ладно, ошибка, если есть, ну хорошо. И здесь нам нужно сделать следующие технические параметры, дописать следующее. А, высота первого экрана на компьютере 100%. Всё, здесь вроде бы все параметры мы с вами сделали. Ctrl A, Ctrl C. Давайте ещё раз попросим GI совершить это самое действие. Возможно, у нас ошибка была изначально из-за того, что мы с вами загрузили эту картинку и нажимаем с вами отправить.
При этом, если мы посмотрим здесь, да, у нас какие шрифты здесь используются? Sunсserif и Sunсserif. То есть он взял вот по сравнению с тем же самым Квеном. Вот Квен здесь взял именно шрифты Monrob и Inter. Здесь он взял шрифты, которые есть по умолчанию именно как технически это Arial в данном случае. И это меня не устраивает. Поэтому, значит, нам нужно здесь указать, что для заголовка он должен использовать, например, шрифт manr. Для, а, текста использую шрифт enter. Давайте здесь прямо так и напишем, что я указал. Использую шритовую пару заголовок manr Bolt Inter normal. Ну, попробуем именно в таком контексте. Всё. И нажимаем с вами отправить. Проверим, как у нас всё теперь это дело будет обрабатываться.
Нам выдал вот эту ошибку. Что-то пошло не так. Пожалуйста. обновите страницу. Опять же, мои подозрения, а, заключаются в том, что, скорее всего, он не может обработать вот это изображение либо из-за веса, либо по каким-то другим параметрам. Ну, хорошо, давайте с вами попробуем опять отправить. Опять же, мы видим с вами, что сейчас у нас 46 запросов, то есть не 45, потому что у нас дополнительно И совершенно верно, он не взял, не проглотил, скажем так, мою наживку в виде этого изображения, а создаёт своё изображение. Ну, будем теперь иметь в виду, что в GNA происходит именно так.
И смотрите, что у нас получилось в данном случае. Вот уже намного симпатичнее. Я не знаю, почему он взял именно вот это изображение, но уже смотрится гораздо круче. То есть, во-первых, он подгрузил те шрифты, которые я использую на сайте, то есть Monrob и Inter. И сейчас мы с вами как раз-таки проверим, то есть опубликуем страницу. Здесь её обновим и посмотрим. Manrro Enter. Смотрим Monrob. А, 800, Inter 400, то есть normal и болт. В принципе, всё хорошо. Единственный момент, я не знаю, почему он сделал именно кнопку такого цвета, но при желании опять же мы можем здесь здесь, кстати, посмотрите, кнопка у нас выглядит вот так, но э вот на опубликованной странице она имеет красный оттенок. Почему? Возможно, это потому, что у нас в настройках нашего сайта стоит цвет ссылки именно такого цвета. Давайте проверим. Нажимаем с вами настройки сайта, приходим. А, цвета и стили. Нет, никаких здесь вообще параметров нету. То есть, соответственно, я не знаю, почему он именно на опубликованной странице у нас показывает вот такие цветовые решения с кнопкой. Но в любом случае мы с вами видим результат. Всё, я думаю, мы будем использовать вот этот самый промт, а по возможности будем загружать изображение и будем смотреть, как на это всё дело реагирует.
Отлично. Переходим дальше и создаём новую страницу, где будем использовать другую нейросеть. Теперь давайте создадим сновую страницу. Вот у меня я создал папку тествайба, переименовал там и создам новую страничку. Вот она здесь в настройках в дополнительно я её поставлю в папку тествайба. И главное, пока что нажму сохранить изменения. Почему? Потому что нам нужно посмотреть, какую нейросеть мы будем использовать следующую. Это будет у нас deepsic. Здесь в настройках мы прямо так и напишем. Сохранить. Окей. Берём этот наш запрос. Вот он. Все параметры здесь у нас учтены. Для частоты эксперимента также добавим сюда изображение. Вот оно. Нажимаем открыть. Загружаем. Здесь смотрим, что цена у нас составляет так же, как у Ken и Gemini, один запрос. Каждое обращение к нейросети и нажимаем отправить.
Ну что, проверяем. У нас получился вот такой дизайн. Сейчас посмотрим. Отправили мы запрос в 1543. В 1544 он был уже предоставлен. А пока он генерировал, у меня стояла на паузе запись, он показал, что он использует именно это изображение. То есть вот прямо вот можно посмотреть ту картинку, которую мы с вами загрузили. Он её, скажем так, подрезал, и получилась вот такая картинка. А, нет, вру, он не он не ту картинку использовал. Давайте сейчас я даже покажу. Вот наше изображение. Вот наше изображение, да. А он всё-таки сгенерировал своё. То есть почему-то он не подгружает, видимо. Ну, как-то в настройках это так работает. Опять же, давайте опубликуем. Проверим, что у нас здесь, как это выглядит. Но, видите, опять же, почему он использует вот этот цвет, я пока не могу понять, но по какой-то причине при публикации у нас текст меняется, да? При этом обратите внимание, что здесь, если мы сейчас возьмём с вами, он выбирает manropild SS. Monrob, но почему-то TD SS. А, наверное, потому что у нас в настройках у нас не, поэтому давайте сейчас вернёмся в настройки. Так, здесь у нас калькулятор, нам он не нужен, нам нужно вернуться в мои сайты. Шрифты. И здесь поменяем библиотеки на inter. То есть я не хочу использовать des Sans, а буду использовать. Опять же проверим сейчас цвета и стили. Непонятно, почему он подтягивает именно этот цвет, [фыркает] почему этот параметр здесь присутствует. Ну да ладно, я думаю, у вас такие такой проблемы нету. Но меня смущает вот это изображение. Что-то с ним не так, да?
Что мы попробуем сделать с вами? Нажимаем редактировать блок, нажимаем вот сюда. И здесь можно сделать следующее. Что мы можем сделать? Во-первых, можем перейти к Вайбу, да, и попросить, чтобы он изменил это изображение. И проверим, что у нас получится. Опять же, обратите внимание, что у нас сейчас 45 запросов. То есть он всё честно, ничего у нас не съедает. Мы просим конкретно вот это изображение, с ним что-то переделать. Проверим, как он нас сейчас поймёт. Мы видим с вами в прямом эфире, скажем так, да, как он всё это дело редактирует. И посмотрим. Он добавил также дополнительно ещё анимацию. Ждём, ждём, ждём, ждём, ждём. Ну и в принципе всё, да? И у нас был съеден ещё один запрос. Посмотрите вот здесь, что у нас, как это выглядит в данном случае. Да, открой север, путешествие, арктическое море, профессиональной гиды. Я его попросил только сделать изображение на весь экран, а он мне дополнительно ещё докрутил некоторые моменты, то есть добавил надзаголовки, добавил вот здесь вот эти элементы. Давайте сейчас опубликуем и посмотрим, что у нас получится вот сейчас на внешнем виде. Ну, на мой взгляд, уже выглядит намного круче.
Итак, я думаю, с этим мы с вами разобрались. Создаём новую страницу и тестируем это самое всё дело с другими нейросетями. Теперь мы будем использовать Minim Max. Загружаем сюда наш промт. Всё чётко. Дальше загружаем изображение и отправляем на генерацию. У вас может возникнуть вопрос: для чего мы делаем одно и то же действие с разными нейросетями? для того, чтобы посмотреть, а какая нейросеть справляется лучше, стоит ли переплачивать в определённые моменты или нет. Плюс ко всему, а на самом деле мы могли бы сейчас использовать разные задачи, разные подходы, но вот я решил попробовать именно на одной конкретной а задаче всё это дело вам продемонстрировать, чтобы, ну, была частота эксперимента, скажем так. Видим, как у нас всё это дело сейчас генерируется.
Отлично. Мы увидели, что он нам сделал с кратко краткое описание изменений, структура, шрифты, дизайн, адаптивность, полная поддержка. Да, вот мы можем с вами, кстати, закрыть. Мы адаптацию с вами не проверяли. Вот адаптация, как у нас получается. Давайте проверим на других устройствах. Ну, в принципе, более или менее. Порой даже люди э делают гораздо всё хуже. Вот. И теперь давайте вернёмся к основной части и попробуем здесь что-то там поменять. Например, мы хотим здесь, вот здесь, если мы нажмём сюда, опять же, да, а что мы не можем сделать? Мы не можем сейчас взять и поменять вот отсюда размер шрифта. Например, мне не нравится размер этого шрифта. Я хочу, например, сделать его меньше либо ещё что-то сделать. Но что самое интересное, он подгрузил, наконец-таки наше изображение. Это та картинка, которая была нами сгенерирована изначально. Наконец-то первая нейросеть из четырёх, получается, начала использовать именно наше изображение. Она меня поняла.
Дальше здесь что мы можем ещё сделать? К родительскому элементу перейти, да? Вот здесь вот увидим, как это выглядит в данном случае. И, например, здесь мы давайте нажмём и попробуем перейти к родительскому элементу. Что мы с вами видим? Мы видим с вами, что у нас в одной секции находится и заголовок, и описание, и кнопки. Вот они, видите? То есть это родительская секция. И здесь мы не можем с вами поменять, например, размер шрифта, но мы можем вот отсюда поменять сам заголовок. Например, нам не нравится. Откройте Тайна океана скитом. Да. А Мурманск. А давайте так. В Мурманск китам. Вот так назовём. В Мурманск. Мурманск. Китан. Нажимаем сохранить. Всё, поменял. Причём, обратите внимание, у нас опять же не потрачены были наши вот эти лимиты. 42 осталось. А здесь мы можем поменять текст, если нам он не нравится, да? Здесь вот было бы логично, например, также как в стандартных блоках. Давайте я покажу вам. У нас здесь есть, например, если мы выбираем заголовок, а в контенте, вот здесь вот у нас есть такая опция, как сгенерируется и Ии. Было бы круто, если бы сюда, например, ребята из Тильда вот вот в это окошко добавили, например, также эту кнопочку, чтобы мы могли сгенерировать с ии здесь этот самый текст. Но здесь мы можем вручную всё это дело прописать. Вот.
Дальше, если нам что-то не нравится, опять же нажимаем редактировать блок. Здесь в качестве запроса просим там поменяй то-то, сделай ещё что-то. Ну, либо как-то по-другому скадрирую. Например, вот я хочу сделать так. Я попросил поменять кадр с китом. Пусть кит полностью виден в этой области квадратной. А также поменять размер вот этого текста на 18, допустим. И нажимаем отправить. Смотрите, что он делает. Да, он не [откашливается] взял, в частности, то изображение, которое ему предоставил, и его у него поменял кадр, а он нашёл другое изображение, что на самом деле не очень правильно. Не то я не этого хотел. Но опять же, это вот говорит о том, что нам нужно более точно обращаться к нейросети. И вот у нас получился вот такой результат. Кстати, мы потеряли с вами два запроса. Почему? Потому что а mini Max в данном случае она стоит у нас уже не один токен за запрос, а два. То есть вы должны тоже об этом помнить.
Итак, теперь у нас на очереди мимо. Стоит она два токена за запрос. Я загрузил промт и загрузил изображение, которое мы с вами уже использовали, и отправляю на генерацию. Смотрим на результат. Отправили запрос 1557 в 1558. Он уже будет готов. Что у нас получилось? То же самое, те же самые шрифты, всё как бы хорошо, да? Можно опубликовать, посмотреть, как это будет выглядеть непосредственно уже на сайте. Опять же, я так и не понял, почему у меня цвет кнопок такой, хотя в настройках глобальных у меня этого нету. Но суть в том, что вот это пока мне нравится больше всего. То есть вот мы можем посмотреть вариант первый, да, который мы использовали. Квен, кстати, тоже, в принципе, неплохо, но опять же всё можно сделать гораздо лучше. Второй. Хотя нет, это тот же самый, да, тот же самый вариант. Вот третий вариант. Второй вариант, третий, четвёртый. Вот опять же почему-то он неправильно размещает изображение. То есть, но он взял опять же то изображение, которое я ему добавил. Ну, в принципе, я думаю, достаточно. Не будем сейчас заниматься тем, чтобы что-то изменять. Я думаю, принцип вам понятен. Просто для экономии времени перейдём к следующей нейросети.
И следующая нейросеть - это Kimi 2.6. Стоить теперь она уже будет в три раза дороже, чем, например, тот же самый Квен, либо Gemнай, либо Deepsic. Отправляем на генерацию. Смотрим на результат. Что он нам сделал? Во-первых, ключевые изменения, особенности, визуальные иерархии. Он нам задал цветовую палитру, задал определённую структуру, детали и сетку, да, 1.200 с двадцатью пикселями, с отступами. Ну, то, что я уже указывал. А охота за китами в Заполяре. Видите, что самое интересное, да, здесь он, в отличие от предыдущей нейросети, он это разбил, в частности, по каждому сет, по каждой сетке. То есть, нажав на текст, мы меняем текст заголовка и в описании. И в той же самой кнопке мы тоже что-то поменять. Вот здесь вот контент. Мы здесь с вами спокойно можем его поменять. Там забронировать поездку, например, хочу китам, например, опять же нажимаем сохранить и проходит некоторое время. И вот у нас поменялся. При этом, обратите внимание, у нас сразу кнопки перестроились, то есть сетка более гибкая уже. Результат, на мой взгляд, получился аэ более интересным.
Дальше, вот здесь у нас он добавил какую-то секцию, и здесь написано: "Кит выпрыгивает из воды в Мурманске". Да, по идее, мы можем вот сюда вот нажать всё это дело, но он почему-то, видите, два этих изображения разместил, ну, друг по другом. Возможно, он хотел, чтобы вот это изображение было на заднем фоне. А здесь давайте с вами загрузим наше другое изображение. Загружаем вот это, например, будет. Посмотрим, как он его сейчас интегрирует вот в эту секцию. Нет, не получается. То есть вот эта вот секция, она как-то непонятна. Давайте опубликуем, посмотрим, что у нас здесь получается. Видите, вот эта вот область, для чего она сделана. Точнее, я примерно понимаю, для чего она сделана, но как её поменять? То есть, видите, здесь у нас вот вот это фоновое изображение. Это изображение тоже фоновое, по идее. Давайте перейдём сюда, посмотрим. Он меняет то же самое изображение. То есть это по по сути у нас что-то непонятное. То есть опять же, исходя из того, что я не программист и в этом деле, ну, скажем так, плохо шарю. Но в целом получилось как бы неплохо, но я бы что сделал? Я бы, например, попросил его следующее. Давайте вот мы, например, сделаем вот фоновое изображение. Видите, у нас один и тот же параметр. А давайте всё-таки его попросим что-то изменить. В частности, я здесь просто прописал, что секция с правой стороны пустая. Тебе нужно туда закинуть кита. При этом постарайся, чтобы вот заднее фоновое изображение не изменилось. Всё. Проверим, как у нас сейчас на это всё дело отреагирует. Обратите внимание, что у нас осталось лимитов 35, так как у нас стоимость одного запроса здесь стоит три, ну, токен, назовём это так. Нажимаем отправить.
Ну вот другое дело, он ничего не изменил, кроме того, что добавил сюда изображение. Очень круто. И теперь я могу отдельно здесь поменять изображение, могу отдельно фоновые изображения. То есть мы потратили три токена, но при этом сделали всё верно. То есть, по идее, я могу загрузить свой файл. да, и загрузить своё вот это изображение сюда, то есть, если мне нужно. Но в данном случае я не вижу никакого смысла, потому что картинка очень красочная. Ну, не то чтобы красочная, а характерная для нашего вот этого сайта. То есть вот у нас получился уже вот такой вариант. При этом, [откашливается] смотрите, при наведении у нас есть определённая анимация. Также, кстати, мы можем попросить, чтобы была какая-то лёгкая там анимация на нашем сайте, но сейчас это делать не будем. Всё, с нейросетью, которая называется Kimi 2.6, мы разобрались. Пока, наверное, одна из лучших, но нас ждёт ещё две нейросети. Это клод Хайку 4, по ид, посмотрим, как они работают. Напоминаю, клодхайку, ну, либо Хайку, она тратит у нас четыре токена за один запрос. Отправляем. То есть у нас, кстати, для этой нейросети есть ещё токены. То есть вот вы можете здесь посмотреть, что 28 токенов у нас осталось. Я также загрузил промт и загрузил изображение, которое попросил использовать. Ну что, смотрим на одну из самых дорогих моделей. А, и у нас получился вот такой вот вариант. Как-то не очень, будем честными, да, встреча с гигантом, гигантом киты в дикой природе. Здесь что-то с, ну, вообще с форматом, с разрешением, ну, что-то вообще как-то. А давайте так, я сейчас не буду его никак менять. Я сразу сейчас попробую сделать этот же запрос в clд Sonet 4.6. И мы с вами в данный момент видим, что, например, вот это с этим запросом нейросеть ХайQ справилась хуже, чем все остальные, которые более дешевле.
Поэтому я создам сейчас новую страницу и попробую этот запрос уже с самой дорогой моделью, которая стоит 14 токенов за запрос. Выбираем теперь Clod Sonet. Стоить будет 14 токенов. А, и отправляем на запрос. То есть, и отправляем на генерацию. И посмотрим, как у нас сейчас справится самая дорогая модель, которая у нас представлена в Тильде. Видим, что у нас запросов осталось 14. То есть в случае чего, а, по идее, вроде бы я могу попросить Нейросеть Clotsonet 4,6 подредактировать какие-то моменты, но давайте посмотрим, что из этого получится. Дождёмся окончательной генерации. Я не знаю, что происходит. Либо идёт какая-то регенерация, либо идёт какая-то деградация непосредственно ну, в данном случае вот этого инструмента. Может быть, он как-то сломался из-за того, что я все эти нейросети пробовал, но я пробовал их в разных на разных страницах. Ну, в общем, мы видим с вами вот такую картину, да? То есть в данный момент есть заголовок, да, который в белом цвете, есть описание, есть кнопка, но нету изображения. Скорее всего, изначально было запланировано, что вот это изображение будет сюда как-то подгружено. Давайте попробуем опубликовать. Возможно, на опубликованной странице мы что-то видим, но нет. То есть здесь у нас есть даже какое-то вот лёгкое затемнение снизу.
Что происходит? Смотрите, мы, во-первых, я нажимая в пустом месте, не могу никак нажать и загрузить какое-то изображение. Давайте зайдём в редакцию блока, зайдём в код и посмотрим, что у нас здесь есть. Опять же, чисто вот взглядом человека, который в этом деле не разбирается. У нас есть основной блок hero, да, ширина, высота, ну, там дисплей, тёмный морской фон. Background color у нас стоит вот такой почему-то, да. При этом он, видите, имеет ошибку. Ну, давайте напишем здесь какие-нибуд там дополнительные две цифры. Давайте напишем там 34, да? Видите, вот у нас сразу становится вот таким он. Либо, например, давайте сделаем с вами 00. Вот сохраним, свернём. И вот теперь всё видно хорошо, да, потому что у нас цвет фона стал контрастным относительно цвета нашего текста. Но нету никакой информации о том, что здесь нужно разместить изображение, хотя я подгрузил это самое изображение и попросил. Координаентный переход слева есть. У нас нету никакого изображения вот здесь с правой стороны, чтобы у нас было чётко видно, что это осень в Мурманске. Соответственно, океан и Касл. Что такое касл, я может быть не знаю, но впервые вообще слышу.
Теперь смотрите, если я хочу, например, вернуться в VIPE и попросить что-то изменить, да, допустим, я хочу попросить, чтобы он всё-таки добавил на задний фон полноэкранное изображение кита. Посмотрим, что из этого выйдет. Опять же, напоминаю, у нас с вами здесь осталось всего лишь 14 токенов на этот день. То есть сегодня я смогу только 14 токенов потратить. Проверяем. Я ещё раз взял это изображение, загрузил в этот чат и добавил ему, что ты забыл добавить на задний фон изображения кита. Посмотрим, что у нас получится. Смотрите, он, по идее, должен съесть сейчас все токены, и больше я не смогу ничего сегодня делать. Да, он съел спокойно токены. Проверяем и смотрим, что у нас в итоге получится, как он меня сейчас поймёт. И при этом, обратите внимание, он изменил некоторые детали. Но при этом я не могу теперь никак это всё дело отредактировать через запрос, потому что он съел все токены. При этом он исправил неправильно, да, он изображение разместил, но что у нас случилось с текстом? Почему такая беда с текстом? Давайте зайдём, посмотрим здесь, что у нас он натворил, набедокурил, и видим, что непонятно. То есть я, например, как человек, абсолютно не владеющий программированием, [откашливается] я могу понять, что у меня у меня всё сломалось.
Соответственно, что мы можем вынести сейчас из этого большого видео? Да, я [фыркает] думаю, в дальнейшем я ещё запишу несколько видео на этот счёт по этой по этому инструменту. Сыровато, но скорее сыровато не с точки зрения тильды, а с точки зрения вообще всех этих нейросетей. Но что самое удивительное, самые дешёвые нейросети показали себя лучше, чем самые дорогие нейросети. Вот, пожалуйста, вспоминаем, да, вот наши примеры этих самых сайтов. То есть, что это было, почему так у нас плохо сработали те же самые распиаренные крутые модели, та же самая Clod Sonet. Хотя на самом деле сейчас самая крутая нейросеть модель клода - это OPUS. И она реально работает с кодом гораздо круче. Но в любом случае я потратил, считайте, на вот этот окошко 28 токенов. Я бы мог там, например, тот же самый вот этот вариант, который мы с вами делали, где у нас он, вот этот ми, например, да, я мог использовать, а там он у нас стоил четыре или даже три, три токена за запрос. Я бы мог восемь раз здесь что-то изменить, либо нарисовать. Либо вот этот вариант, да, который мы с вами делали, либо вот этот. Это у нас получается deep псик. Adips стоит, давайте посмотрим с вами, вернёмся в VIPE, нажмём сюда. Deeps у нас стоит один токен, то есть 24 раза я мог спокойно работать с дипсиком. Вот и делаем с вами, друзья, выводы.
Поэтому, надеюсь, это большое, может быть, в какой-то степени для кого-то показавшимся сумбурным видео будет было для вас полезным. Я специально без прикрас, без монтажа, что всё работает с первого раза, решил вам рассказать всё как есть, показать вместе с вами, поэкспериментировать вместе с вами. Да, очень много моментов, которые можно сделать было по-другому, но вот я решил показать, как обычно работают простые пользователи. Те, которые, например, либо вообще не владеют нейросетями, либо вот только-только начинают их изучать. Безусловно, если проработать промты, если проработать запросы, результаты будут гораздо выше, гораздо лучше. Но мы говорим с вами про подавляющее большинство людей, которые пользуются тильдой, в частности, это обычные люди, которые, ну, с нейросетями, ну, ну, знакомы хорошо, может быть, но только для того, чтобы генерировать открыточки либо картинки. Так что пишите в комментариях, как вам этот функционал. Я думаю, есть куда расти. И что самое важное, этот функционал должен был появиться уже давным-давно, потому что вайп-кодинг - это то, что сегодня реально развивается семильными шагами. И если тильдовцы, э, этого сейчас не выпустили бы, да, то, наверное, они бы откатились назад. Сейчас они реально идут в ногу со временем, пытаются не отставать. Будем надеяться, что они сделают ещё всё круче и результаты будут вообще потрясающи. Так что пользуйтесь Тильдой. Я её очень люблю, всем советую. Ну и, конечно же, изучайте вайп-кодинг. Всем пока, до связи.