**Вайбкодинг ИИ-агента для брендов одежды — Transcript & Summary | SozAI**
Source: https://sozai.app/transcript/vibe-coding-ai-agent-for-clothing-brands/

Евгений Пантела показывает, как вайбкодить ИИ-агента на 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 CLI Claude Telegram-бот конверсия виртуальная примерка нейросети для бизнеса

Учить по этому видео

- [Карточки по этому видео](https://sozai.app/ru/tools/ai-flashcard-generator/?from=transcript&id=87425)
- [Тест по этому видео](https://sozai.app/ru/tools/quiz-generator/?from=transcript&id=87425)

Бесплатно, составлено ИИ по этой расшифровке. Без регистрации.


---
This is the markdown twin of https://sozai.app/transcript/vibe-coding-ai-agent-for-clothing-brands/ — the same content, without the markup.
Published by SozAI (https://sozai.app). Reuse and quotation are allowed with attribution and a link back.
Machine-readable index: https://sozai.app/llms.txt · data API: https://sozai.app/api/