Skip to content
Start free
Get App

Вайбкодинг ИИ-агента для брендов одежды

Евгений Пантела показывает, как вайбкодить ИИ-агента на Codex CLI, который генерирует примерку одежды и услуг по фото клиента. Демо сайта и Telegram-бота.

Key Takeaways

  • Примерка по фото клиента с помощью генерации изображений может повышать конверсию в услугах и товарах
  • Сборка такого агента возможна за несколько запросов к ИИ-ассистенту без глубокого программирования
  • Связка Claude для кода и Codex для генерации изображений компенсирует отсутствие генерации картинок у Claude
  • Ключевые ограничения: время генерации около минуты и нагрузка на лимиты подписки

What the video covers

  • Идея: ИИ-агент показывает клиенту результат услуги (одежда, плёнка на авто, ремонт, баня на участке) на его же фото
  • Пайплайн: клиент загружает фото, промпт с фото и референсом уходит в GPT image gen через Codex CLI, результат возвращается на сайт
  • Claude не умеет генерировать изображения, поэтому код пишется на Claude, а картинки генерируются через Codex за подписку ~20 долларов
  • Демо тестового сайта на Astro, собранного за несколько запросов, с примеркой по загруженной фотке
  • Обсуждаются возможности интеграции в Telegram-бота, на сайты магазинов и на Avito с автоответчиком
  • Генерация занимает около минуты на изображение; для 10 вариантов потребовалось около 9 минут
  • Требования: сохранять лицо и телосложение человека, менять только одежду, добавить прогресс-бар
  • Деплой на сервер (Timeweb), вопросы скорости загрузки тяжёлых изображений и нужды в превью
  • Упоминается необходимость сервера на территории России для интеграции блока на любой сайт
  • Автор призывает бизнес к внедрению, обещает продолжение в следующем стриме

Chapters

  1. 00:00Введение и идея ИИ-агента для примерки
  2. 01:06Пример с тюнингом авто и выбор ИИ-инструментов
  3. 02:20Пайплайн работы и выбор Codex для генерации
  4. 04:32Демо тестового сайта примерки
  5. 07:00Применение в разных нишах и сценарии с Avito
  6. 09:59Сборка агента с нуля: промпт и требования
  7. 12:49Подключение Telegram-бота и тестирование
  8. 17:00Деплой на сервер и оптимизация загрузки

Answers

Questions about this video

Как работает пайплайн примерки в этом проекте?

Клиент загружает своё фото на сайт, система передаёт фото и референс одежды в промпт, GPT через image gen генерирует изображение, которое возвращается на сайт. Процесс занимает около минуты.

Почему для генерации используется Codex, а не Claude?

Claude в этих задачах не умеет генерировать изображения, поэтому код пишется на Claude, а итоговые картинки создаются через Codex по подписке примерно за 20 долларов.

Какие ниши автор считает подходящими для такого агента?

Автор называет одежду, ремонт кухонь и мебели, оклейку авто плёнкой, поклейку обоев, стрижку собак, строительство бань, то есть любые сферы услуг, где полезно показать результат клиенту.

Full Transcript — Download SRT & Markdown

00:00
Speaker A
Примерить зелёный свитер. Окей, начинаю примерку. [смех] Я в свитере, угар. Вы понимаете, насколько это прикольно и повышает конверсию в покупку? Всё, короче, погнали начинать. Смотрите, что я сегодня хочу сделать. Я рассказывал в одной из нарезок. Я рассказывал часто
00:21
Speaker A
ученикам, что очень прикольная тема почти для любого бизнеса, который оказывает какие-то услуги. Это такой агент, который будет показывать клиенту то, что он в результате получит.
00:35
Speaker A
Если, например, это какой-то бренд одежды, то мы можем показывать человеку, что он в итоге получит, как какая-то вещь будет смотреться именно на нём. Я эту идею придумал ещё очень давно, 3 недели назад. Мне почему-то показалось смешным одевать себя в какую-то
00:51
Speaker A
нефорскую одежду. Но на самом деле, буквально сегодня перед стримом, я понял, что [музыка] это можно использовать абсолютно в любой нише. Например, я себе сейчас выбираю машину, короче, и очень давно я хотел себе её обклеить в плёнку. Вот у меня
01:06
Speaker A
ещё, когда в Питере я жил много лет назад, была машина, я всегда хотел обклеить её в матовую плёнку. Я себе выбираю, короче, машину, выбираю Mustang, смотрю и прикидываю: «Блин, а как бы он смотрелся в матовой плёнке?» И так как я умный, я иду в чат
01:25
Speaker A
GPT и прошу его сгенерировать, как эта машина будет смотреться в матовой плёнке. Так можно делать абсолютно в любой сфере услуг. Если ты, я не знаю, клеишь обои, я приводил такой пример, у тебя какая-нибудь поклейка необычных обоев, ремонт, реставрация кухонь, ээ, я не
01:46
Speaker A
знаю, что ещё вообще, что угодно можно представить. Можете в чате подсказать. Ну, допустим, ремонт кухонь, ремонт мебели, поклейка машин плёнкой, бренд одежды, я не знаю, стрижка собак, абсолютно что угодно. Если у тебя какие-то услуги, которые у нас
02:03
Speaker A
составляют на самом деле 80% экономики, мы можем сделать такую вещь, что человек, когда общается с нами, такой вот флоу-пайплайн: человек нам написал, мы узнали, что он хочет, и при помощи нейросети сгенерировали изображение, которое он получает на выходе,
02:20
Speaker A
как это будет выглядеть именно у него. Вы понимаете, насколько это прикольно и повышает конверсию в покупку? Вот я взял, например, свою аватарку, взял футболку вот эту нефорскую и переодел себя в этой кофте. То есть выглядит прикольно, не придраться абсолютно
02:40
Speaker A
никак, мне кажется. И сейчас я для начала расскажу вам весь пайплайн, как это работает, и будем, соответственно, быстро вайпкодить несколько разных тестовых версий, чтобы оно работало, как всё это у нас должно работать, как будет выглядеть пайплайн. Потом,
02:59
Speaker A
кстати, этот стрим склеят при монтаже, и будет гораздо красивее график, чем я даже сейчас буду сидеть рвать жопу, как-то рисовать. Это очень просто. В реализации всё это очень просто и несложно. Пайплайн выглядит так: то, что человек загружает фотку на сайт, у нас в нейросеть передаётся промпт
03:18
Speaker A
с его фоткой и референсом, и GPT через image gen генерирует результат, который мы потом выдаём человеку обратно на сайте, как бы отдаём ему. То есть тут максимально ничего сложного нет. Работать это всё у нас будет на Codex CLI через image gen.
03:37
Speaker A
Лимиты огромные. Я не знаю, у меня на подписке за 200, за 100, за 20 даже долларов, мне кажется, там можно десятки, сотни картинок, тысячи картинок генерировать спокойно. Конкретно в этих задачах у Клода нет генерации изображений, поэтому с Клодом
03:53
Speaker A
мы эту штуку не можем сделать чисто физически на одном Клоде. Мы можем взять Клода, завайпкодить всё на нём, иметь подписку на Codex за 20 долларов и с этой подпиской генерировать только итоговые картинки.
04:08
Speaker A
Можно так. То есть в целом сейчас для вайпкодинга почти во всём Клод лучше, но он не может делать картинки, поэтому я делаю всё сразу на Codex. Я уже делал тут тестовый проект. Вот абсолютно смотрите, как это выглядит. А, ну,
04:21
Speaker A
кстати, можно было бы вот так и показать. Смотрите, то есть у нас берётся фотка человека, берётся референс какой-то одежды, на выходе получается вот это просто за один запрос в нейросеть.
04:32
Speaker A
Как это выглядит? Я сделал вот этот тестовый сайт буквально за, наверное, три запроса. За три запроса в Astro. Я закидываю фотку, жму «примерить». Здесь это уже было готово, но давайте любую другую фотку. Давайте вот опять, не знаю, это фото возьмём.
04:50
Speaker A
Я его сохраню себе, обновлю страницу и вставлю вот эту фотку. Ну, вообще любую. Даже давайте ту-ду-ду-ду. Ну, и вот что мы получаем на выходе. Давайте с ещё одной фоткой это провернём, чтобы было виднее. То есть это всё каждый раз
05:08
Speaker A
генерируется заново. Это просто демо-сайты. Мы сейчас можем за пару запросов собрать, я не знаю, полноценный интернет-магазин, где можно будет примерять вообще всё, что угодно.
05:19
Speaker A
Я думаю, для начала сделать это в Telegram-боте для размещения, да, интеграцию на сайте, конечно, на сайте магазина. В этом и суть. То есть я показываю, как оно примерно работает. Конечно, мы можем сделать интеграцию на любой сайт магазина и производителя. В этом и
05:36
Speaker A
прикол. Мы можем сделать интеграцию куда угодно. И какие возможности в плане продаж это открывает? Когда человек заходит на сайт какой-нибудь строительной компании, хочет, я не знаю, построить баню на участке, кидает фотку своего
05:54
Speaker A
участка, и ему делается такая картинка, где у него будет стоять дом, как будет выглядеть баня прямо на его участке, как будет выглядеть забор именно на его участке.
06:06
Speaker A
То есть это, мне кажется, бесценно. Рисует стройный Gemini. Значит, то, что оно делает фотку около минуты, это мы не можем [фыркает] ускорить.
06:17
Speaker A
Примерно минуту придётся ждать. Но в общении с людьми это вообще не проблема. Можно представить такую ситуацию: человек пишет тебе на Avito, ему отвечает нейросеть, задаёт уточняющие вопросы, я не знаю, какого цвета ты
06:35
Speaker A
хочешь плёнку на машину, и через 3–5 минут присылает готовый коллаж или даже несколько вариантов. Вот он мне сделал 10 вариантов за 9 минут. То есть 9 минут в переписке с клиентом — это в целом
06:48
Speaker A
небольшая задержка за то, чтобы выдать ему 10 готовых вариантов. Ну и мы можем настроить автоответчик, который будет писать: «Хорошо, я к вам через 10 минут вернусь с готовыми вариантами, как это будет выглядеть на вашей машине». То есть, если что, у меня
07:04
Speaker A
здесь было вот такое. Обычные фотки стали вот такими. Всё это сделало меня в этой новой футболке. Поэтому давайте сейчас сделаем что-нибудь с нуля. Я покажу, как всё это работает.
07:23
Speaker A
И агент. Давайте, нам нужно создать новый проект. Смотрите, я здесь буду делать всё на 6.1 Sol Medium, чтобы это было быстрее для нас, для видео и для стрима, чтобы вас не мучить ожиданием по часу. Смотрите, какой промпт я ему закидывал. Давайте даже посмотрим и продублируем сюда, чтобы было с нуля. Здорово. Сделай git-репо приватной, архитектуру, D-файлы. Достань с Montelos-систем. Дада-да.
07:40
Speaker A
Хочу в ТГ и автоответчик, который через Codex будет силой генерить картинки человека с одеждой. Выбор одежды, промт, реф и фотка человека. Да. Ну просто дефолтный промт, в котором я рассказал, что надо сделать.
07:53
Speaker A
Так. И тут ещё надо добавить вот это. То есть, смотри, нам нужно сделать, чтобы запрос с сайта шёл локально в сессию Codex CLI на 6.1 Medium. Обязательно надо добавить в промт, чтобы у нас была фотка человека, промт
08:10
Speaker A
для нейросети, референс одежды и в итоге, чтобы он возвращал одно готовое изображение, которое опять отображалось на сайте. Нам обязательно надо сделать прогресс-бар загрузки, чтобы было видно, как долго оно генерируется.
08:27
Speaker A
[музыка] И второе — чтобы всё это работало у меня локально. И чтобы обязательно лицо человека, телосложение и прочее вообще не менялись и не трогались. То есть добавлялась только одежда.
08:41
Speaker A
Вот это я ему тоже закину в довесок. Сколько прошло? 15 минут. У нас уже почти готов сайт. Так, давайте проверять. Кстати, как раз давай
08:58
Speaker A
Вот это я ему тоже закину в добавок. Сколько прошло? 15 минут. У нас уже почти готов сайт. Так, давайте проверять. Кстати, как раз-таки давайте и проверять ваше фо.
09:10
Speaker A
Моё фото. Давайте возьмём какое-нибудь моё фото. [смех] Я в свитере угар. Давай соберём какие-нибудь жёсткий стиль. [смех] Вот это прикольно. Это прикольно.
09:30
Speaker A
Давайте меряем. Если мой стрим смотрят как бы ребята из Баленги, свяжитесь со мной. Я вам это всё прикручу прямо в сайт.
09:42
Speaker A
Будет работать идеально. Так, сейчас проверим то, что у нас получилось буквально вот там за два-три запроса.
09:48
Speaker A
[музыка] Кстати, даже сумку поверх сохранил, если что, и на рукавах. Ну вот это вот он, кстати, неправильно сгенерировал сейчас, потому что очевидно что это должно быть с другой стороны. Хотя или он правильно сделал вот эта вот застёжка?
10:06
Speaker A
Не, ну в целом о'кей. Нет, на самом деле правильно. И вот это вот тоже. Да, он в целом правильно определил. Короче, смотрите, параллельно давайте я сейчас начну делать Telegram бота. Мы просто идём в ботфазера. Вот собака ботфазеer.
10:22
Speaker A
Жмём здесь открыть. Здесьделаем нового бота. Я даже думаю, я в боте Astra 6 шаурма тест это всё сделаю. Всё, короче, смотрите, мы идём в ботфазера, создаём токен, создаём бота, берём токен, закидываем просто в кодекс и всё.
10:39
Speaker A
Смотри, я положил туда, в этот текстовый файл токен бота. Можешь, пожалуйста, к нему подключить. Теперь, чтобы то же самое можно было просто отправить фотку в Telegram боту, а, выбрать какую-то одежду из каталога. Положи пока что этот свитер зелёный просто в каталог, чтобы
10:55
Speaker A
он типа по умолчанию был. Типа, кидаешь свою фотку, выбираешь одежду из каталога, и вот он генерирует изображение и возвращает его в Телеграме. А также, чтобы, ну, он там показывал в обновляющемся сообщении в этом боте статус генерации картинки. И
11:12
Speaker A
дай ссылку на сайт, я тоже посмотрю. Запусти сервер, да, я посмотрю его и проверю. А давайте закинем фотку теперь в ТГ бота, потому что если мы говорим про какие-то нишевые, короче, бренды одежды, то, конечно, вряд ли там будет сайт. Хотя и сайт сейчас ноль
11:31
Speaker A
проблем вообще сделать. Примерить зелёный свитер. О'кей, начинаю примерку. Примерка в очереди. Раз в 5 секунд оно обновляет. О'кей. Вот типа вот в телеге у нас уже это всё готово. Буквально за там один запрос. У нас этот бот готов. За минуту он
11:50
Speaker A
генерирует фотку. Я вам тут хочу показать то, что это всё вот, ну, это очень легко, типа, это максимально легко делается за несколько запросов. Ну, типа вот такая вот базовая версия.
12:03
Speaker A
И при этом это даёт огромное вообще преимущество, мне кажется, конкурентное. Если ты себе внедришь в любой вообще свой бизнес, если ты внедришь автоответчика нейронного, который будет отвечать во сколько угодно, плюс вот эту вот тему, которая будет примерять типа
12:20
Speaker A
людям их услугу. О'кей, хорошо. А убери, пожалуйста, на сайте пожелания. Этого не должно быть. То есть у нас дефолтный промт должен быть. Оставить всё остальное как есть, только примерить одежду. И сделай из этого такой вот в тёмном стиле, короче, словно уже
12:37
Speaker A
интернет-магазин. Это у нас с разной одеждой, с корзиной, вот этим вот всем в тёмном стиле, куда мы, короче, заходим, там разная одежда, и мы её на себе примеряем.
12:49
Speaker A
Давайте сделаем из этого просто интернет-магазин. Смотрите, что дальше у нас надо, по сути, сделать. У нас остаётся, ну, буквально один шаг - это зайти на Time Web, взять данные своего сервера и задеплоить это всё на сервер, чтобы оно
13:03
Speaker A
работало там 24 на7 без моего компа. можешь, пожалуйста, взять данные от моего сервера и развернуть это всё на моём сервере, продолжать работать там, чтобы оно было там в отдельном докерконтейнере, изолированно себе работало, а не грузило мой комп и не зависело от
13:23
Speaker A
моего компа. Конечно, что-то Сол даже на медиа у меня очень долго всё делает. Давайте. Хорошо. Астро Астра на фасте.
13:31
Speaker A
Давайте, погнали. [откашливается] Так, давайте смотреть, что у нас получилось. Астро доделала интернет-магазин за 20 минут. Почему ничего не грузит?
13:42
Speaker A
Очень долго грузят картинки, братан. Вообще нереально долго. На сервере, на сайте, когда в первый раз открываешь, просто невозможно долго грузится.
13:52
Speaker A
Причина найдена. Каталог загружал почти 8 Мб оригинальных ПН. Вот мне странно то, что он до сих пор это не понимает.
14:00
Speaker A
Короче, магазин он, конечно, криво как-то сделал. Мне кажется, клод в этом плане лучше будет. Ну, за один запрос.
14:07
Speaker A
Тут понятно, что надо менять. Зато это быстрее грузить стало. О, всё, всё, оно нормально загружает. Всё. Причина была в результате. Сайт объявлял готовность, пока скачивал тяжёлый ПН.
14:20
Speaker A
Так, погоди. Да, надо лёгкое превью, также сжатое вообще в минимальном вообще размере, как у нас это и было сделано.
14:28
Speaker A
О, вот примерила меня худя, кстати. Нормально. Добавь вот это вот фото тоже, пожалуйста. Ну вот эту вот кофту, пожалуйста, в наш гардероб, чтобы можно было его примерить тоже и купить через наш сайт. Ну, грубо говоря, купить.
14:43
Speaker A
Всё, за 6 минут исправил и выкатил на сайт. Давайте строить новую кофту. Кофта с прорезями. Сделай отдельные экраны.
14:50
Speaker A
Что сейчас всё на одном экране? Зачем? Чтобы я типа набрал одежды, потом примерял отдельно любую одежду. Зачем сейчас типа оно сделано так? То что у меня на одном всё экране. сделать просто так, чтобы у меня был был каталог, я мог
15:07
Speaker A
открыть карточку каждого товара и там примерить, просто загрузив своё фото, и оно сразу сделалось бы этот товар плюс моё фото. А он делает фото сейчас, да, за мои лимиты. Клиенту можно купить подписку за 20-100 долларов и как бы
15:22
Speaker A
заставлять его со своей карты просто оплачивать эту подписку 20-100 долларов, да, и всё. Ну так надо делать просто ограничение, значит, на каждого человека, чтобы пара человек не могла загрузить тыся своих фоток и выжигать весь лимит. Но по сути,
15:39
Speaker A
мне кажется, на подписке за 100 даже долларов на кодекс на GPT Plus или какая она там Pro, есть доступны сотни или тысячи генерации изображений. Я вообще не думаю, что подписка за 100 долларов может закончиться в целом.
15:55
Speaker A
Ну, не обязательно делать один сайт, конечно, и подключать. То есть это не сайт, я же говорю, тут можно вообще не делать сайт. Если мы это подключаем к готовому какому-то сайту, а не делаем свой там интернет-магазин и прочее с
16:08
Speaker A
нуля, то мы просто вставляем вот этот вот блок, где у нас нейронка берёт фото человека и фото, которое надо вставить, и выдаёт ответ. То есть это добавляется на любой сайт. Что нужно сделать? Тебе нужен сервер на территории России.
16:24
Speaker A
Это обязательно. Тебе нужно податься на то, что ты, если, например, обрабатываешь персональные данные, нужно податься в Роском надзор, то, что ты обрабатываешь персональные данные. Так, примерка работает. Я всё показал, что хотел. Просто объяснить то, что любого вот такого вот иагента, который
16:43
Speaker A
примеряет любую одежду, делает любой интернет-магазин с примеркой одежды, это очень легко. Только ещё добавить обвязку, что поверх вот этого вот довольно-таки простого проекта с генерацией картинок, чтобы ещё и агент отвечал человеку, вёл его в переписке, узнавал его потребности, спрашивал, что
17:02
Speaker A
он хочет, и присылал вот такую вот штуку и выводил его на покупку, на запись, на бронирование созвона или ещё чего-то вот такого вот.
17:12
Speaker A
Я думаю, это будет тема у нас для следующего стрима. Но даже так, даже дать человеку возможность примерить что-либо на себе, мне кажется, это офигенно. И, ну, просто человек, у которого есть такой бизнес, он понимает, насколько это кайф и насколько это будет
17:29
Speaker A
давать большое конкурентное преимущество. Всё, спасибо за то, что сидели со мной на этом стриме.
17:37
Speaker A
Спасибо за просмотр тех, кто посмотрел смонтированное видео в записи. Короче, Telegram-канал будет по второй ссылке в описании. Если тебе нужна любая разработка с нейронками под ключ, это ко мне в личку по первой ссылки в описании.
17:50
Speaker A
Всё, всем спасибо за просмотр. На связи. Так.
Topics:вайбкодингИИ-агентпримерка одеждыгенерация изображенийCodex CLIClaudeTelegram-ботконверсиявиртуальная примерканейросети для бизнеса

Get More with the SozAI App

Transcribe recordings, audio files, and YouTube videos — with AI summaries and speaker detection. 30 minutes free.

App Store Google Play
Or transcribe another YouTube video here →

Free tools: TXT to SRT · SRT Validator · Merge SRT · Subtitle to Text · All tools

More from Евгений Пантела

View All
Не начинай вайбкодить, пока не поставишь эти 4 плагина — Transcript0:41
Не начинай вайбкодить, пока не поставишь эти 4 плагина — Transcript
203 1 English
Оксигенотерапия через носовые канюли — Transcript5:52
Оксигенотерапия через носовые канюли — Transcript
201 1 Russian
Битва за Киев — Гостомельский десант: хронология событий — Transcript1:18:25
Битва за Киев — Гостомельский десант: хронология событий — Transcript
10,109 1 Russian
Я годами работал над собой, а спасли меня эти 7 привычек — Transcript14:12
Я годами работал над собой, а спасли меня эти 7 привычек — Transcript
2,795 1 Russian
5 лет борьбы с тревогой за 13 минут — Transcript13:40
5 лет борьбы с тревогой за 13 минут — Transcript
3,008 1 Russian
3 года у психолога за 15 минут: как же я ошибался — Transcript15:57
3 года у психолога за 15 минут: как же я ошибался — Transcript
3,042 1 Russian
6 ПОЛЕЗНЫХ ПРИВЫЧЕК, ЧТОБЫ БЫТЬ УХОЖЕННОЙ И КРАСИВОЙ — Transcript17:02
6 ПОЛЕЗНЫХ ПРИВЫЧЕК, ЧТОБЫ БЫТЬ УХОЖЕННОЙ И КРАСИВОЙ — Transcript
3,009 1 Russian
7 ПРАВИЛ, ЧТОБЫ ВЫГЛЯДЕТЬ УХОЖЕННО — Transcript18:57
7 ПРАВИЛ, ЧТОБЫ ВЫГЛЯДЕТЬ УХОЖЕННО — Transcript
3,865 1 Russian
ЛУКСМАКСИНГ: ПОЛНЫЙ ГАЙД трансформации за 90 дней — Transcript37:15
ЛУКСМАКСИНГ: ПОЛНЫЙ ГАЙД трансформации за 90 дней — Transcript
5,922 1 Russian
Тир-лист ВСЕХ методов для внешности: что РАБОТАЕТ, а что ВРЕД — Transcript17:33
Тир-лист ВСЕХ методов для внешности: что РАБОТАЕТ, а что ВРЕД — Transcript
2,436 1 Russian
КАКИЕ ОШИБКИ СОВЕРШАЮТ ВСЕ ДВАДЦАТИЛЕТНИЕ? — Transcript11:46
КАКИЕ ОШИБКИ СОВЕРШАЮТ ВСЕ ДВАДЦАТИЛЕТНИЕ? — Transcript
2,269 1 Russian
Бережешь печень = убиваешь сердце. Главная ошибка гипертоника — Transcript12:58
Бережешь печень = убиваешь сердце. Главная ошибка гипертоника — Transcript
556 1 Russian