Build a Telegram Mini-App with AI — Step-by-Step Guide & Transcript

[00:00] В этом выпуске покажу, как в код я собрал приложение. Это мини-эп для Telegram, который вы видите сейчас на экране. При этом я не программист, но я не вижу сложности в том,

[00:18] чтобы и вы смогли сделать так же или даже лучше. Поэтому просто посмотрите это видео и повторите мой путь по шагам. К тому же, посмотрите, на том же Авито за разработку подобных решений сейчас

[00:32] берут от 100 тысяч рублей. И также я вижу предложения и от 70, и от 80, и от 60 тысяч. И это значит, что, первое, такая услуга уже есть, и можно повторить ее с ИИ. Второе, судя по отзывам,

[00:50] что у нас на НВ сейчас также есть. И третье. Сейчас у вас будет полное понимание, как собрать такой мини-экс с помощью нейросетей. И смотрите, это уже третий выпуск из моего YouTube-сериала «Заработок с нейросетями».

[01:05] Поэтому подпишитесь, чтобы не пропустить новые серии. А теперь давайте переходить к делу. Свою задачу сегодня буду решать к лозе. И заодно протестирую новинки Opus 5.5 и Sunnet 5.5.

[01:18] Но если вам больше по душе чат GPC, не вопрос, то соберите свой мини-эп в кодексе. Еще обратите внимание, я специально не стал делать сборку сейчас на Fable 5.1 для того, чтобы показать, что дадиться такого результата можно и в самых младших тарифах.

[01:39] То есть вложив условно 2500 рублей на оплату тарифа Клод Про, можно заработать в 10 или даже в 40 раз больше, сделав одно приложение для клиента за пару часов.

[01:55] И сейчас перехожу в Клод Код и выставляю автоматический режим, чтобы Клод не дозволил меня по каждому мелкому вопросу. И далее формулирую техническое задание.

[02:07] И сейчас смотрите внимательно, потому что эта часть, она самая важная. По той причине, что дальше Клод будет целыми циклами работать самостоятельно,

[02:19] по сути, делая всю работу за меня. И от того, как вы в самом начале сформулируете для него свою задачу, то, как вы пропишете ожидаемый результат, так у вас все и получится в итоге.

[02:33] Я же сейчас пишу, что мой мини-об должен открываться в Телеграме. И что для этого я позже создам бота через Botfather и пришлю ему секретный токен. Говорю, что дизайн должен быть, как и на моем сайте, состав приложения по информации должен повторять по контенту мой пост-навигацию из Телеграм-канала. Там у меня уже скопилось больше 30 бесплатных обучений по нейросетям. И будет здорово как раз делать удобную навигацию по ней в мини-эп для подписчиков канала.

[03:06] И дальше определяю порядок разделов в менюшке в самом низу и четко указываю, что хочу получить дизайн в стиле жидкого стекла Liquid Glass, как у Apple.

[03:19] И помимо этого прошу сделать себе админскую панель, чтобы я мог управлять своим приложением без необходимости заниматься таким вот байкодингом каждый раз. И смотрите, если вы будете делать такие приложения не только для себя, но и для своих клиентов, то также обязательно делайте для них панель администратора, благодаря которой они не будут дергать вас каждый раз для каких-то мелких обновлений.

[03:47] И я отправляю свое сообщение Клоду, я отвечаю на пару уточняющих вопросов, TimeBed Vercel KCB Mini App

[04:10] который отображается в мобильной версии, в формате приложения внутри Telegram. И чтобы вам было максимально легко и главное правильно прописывать техническое задание

[04:23] для сборки своих мини-эппов, вы можете скачать мой шаблон, куда просто вставить информацию о себе или о своем клиенте, и далее уже просто закинете эту задачу

[04:35] в своей нейронке. Ссылка на шаблон как всегда находится под этим видео. Далее, когда Клод прислал мне макет приложения, первым же ответом на мое техническое задание, то

[04:47] я целую минуту смотрел на экран и все, что мог сказать, да ладно, серьезно? Так просто и так круто он это сделал в первый раз.

[04:59] Я действительно не мог поверить своим глазам, что нейронка приняла меня с полуслова. Еще год назад я бы потратил несколько рабочих дней, чтобы получить такой вот результат. А тут опусс 5.5.

[05:12] Заметьте, не самая мощная модель собрала такое вот за несколько минут. И как по мне, это вал. И если вы считаете по-другому, то так и напишите в комментариях. напишите, Георгий, результат

[05:25] фигня полная. Но я с этими людьми не соглашусь. Лично мне нравится. И поэтому я на этом этапе даю добро Клоду на сборку такого приложения. И смотрите,

[05:38] прежде чем Клод перейдет к разработке технической части, дам важную заметку. Вы могли обратить внимание, что мой Клод-код после того, как я отправил ему задачу на сборку мини-эпа, он не

[05:51] побежал тут же собирать его спотыкаясь об ошибке и гоня у меня по вечному кругу правок, из которого чаще всего очень сложно выйти. Вместо этого он написал

[06:03] сперва план работы, он вник в суть, он прислал мне макет, он утвердил его со мной и только после этого расписал детальный список задач для себя, чтобы ничего не пропустить

[06:15] в своей работе и не накосячить. И все это работает у меня именно так по той причине, что я установил ему набор скиллов, который называется Superpowers. И в этом

[06:27] видео я не буду выделять на этот технический момент 10-15 минут. Я просто скажу, что ссылка на эти скиллы также есть под этим видео. И если у вас будут вопросы

[06:39] про то, как работают Superpowers, либо как их установить, то просто напишите об этом в Telegram-канале, либо в Telegram-чате. Я каждый день там на связи и с радостью отвечу

[06:51] вам лично, но суть очень простая. Просто одной командой все устанавливается. А сейчас перейду к сборке приложения и все, что от меня требуется на этом этапе, это согласовать техническое задание и

[07:03] согласовать план действий. И сейчас вы будете видеть, как далее Клод будет непрерывно работать три часа над сборкой приложения, не задавая мне больше

[07:15] никаких вопросов. И именно поэтому я сказал в самом начале этого выпуска о большой важности правильной формулировки и правильной постановки задачи нейросетям и утверждения

[07:28] макетов. По большому счету, в современное время самое важное, что мы должны с вами научиться делать, это правильно визуализировать и далее формулировать конечный результат для нейросетей.

[07:43] А далее всю работу и ту самую многим ненавистную ненавистную рутину и операционку искусственный интеллект уже сегодня способен взять на себя.

[08:13] раз на этом канале. Напишите и чем больше будет комментариев на одну и ту же тему, тем скорее я я сделаю выпуск об этом. Но какое бы направление заработка с нейросетями вам было бы,

[08:28] интересно, шаги, они всегда будут одинаковыми. Во-первых, необходимо протестировать все для себя и на себе, чтобы услышать внутри себя уверенный голос, что да, я могу это сделать.

[08:40] Далее, вторым шагом необходимо сделать пару кейсов бесплатно для своего окружения, для друзей, для знакомых или коллег, или собрать пару виртуальных кейсов для несуществующих бизнесов.

[08:53] Например, сделать мини-эп для доставки пиццы или для гостиницы, где можно будет бронировать номера. Или для какого-нибудь блогера с большим количеством подписчиков,

[09:05] где навигация была оформлена так же неудобно, как у меня до этого, например, просто с писком. А с мини-эпом это будет уже как красивый сайт, красивое приложение,

[09:17] которая выглядит дорого и стильно. И на третьем шаге уже можно начинать искать клиентов, выставлять объявления о своей услуге на том же Авито, либо других интернет-площадках для специалистов и фрилансеров.

[09:33] Окей, возвращаемся в Клод. И для вас сейчас эта демонстрация пройдет буквально за одну минуту. Но на Тринкассе вы можете видеть, что Клод самостоятельно, без моего участия, работал больше трех часов.

[09:46] и затем еще столько же у него ушло на сборку и тесты. Я за это время, по сути, не делал ничего. Я просто иногда подглядывал, а во время сборки приложения я вообще ушел спать,

[09:58] так как на часах уже было примерно 2 часа ночи. Смотрите, утром Клод мне написал, что все готово, и теперь необходимо просто опубликовать приложение на моем сервере.

[10:10] Я для этого использую сервер в TimeBag и подробную инструкцию о том, как опубликовать приложение, я добавлю к гайду под этим видео. Далее, недостающее звено, чтобы все заработало,

[10:23] это сделать бота через BotFazer в Telegram. Сейчас показываю на экране, как это сделать. Я просто ввожу имя, название бота, и обязательно тут митмейн должен заканчиваться на слово bot.

[10:36] Из этого мне получится создать его. Я далее добавляю ссылку на мини-эп, который мне дал Клод и нажимаю «Сохранить». И в итоге копирую токен, который сейчас необходимо передать Клоду.

[10:53] И по сути, по этапу подготовки все. Далее просто следую инструкцию, которую написал Клод, и буквально одной командой выкладываю приложение на свой сервер. И сейчас давайте вместе посмотрим, что получилось.

[11:09] И должен отметить, что сам я тоже сейчас буду первый раз видеть это готовое приложение. До этого я видел только скрин. Думаю, вы все сами видите. Как по мне, все отлично.

[11:21] Техническое задание выполнено четко. Все, что я прописал, оно сделано. И даже больше. Мне не пришлось тут самому скачивать изображения моих видео. Он сделал это сам.

[11:33] И визуально все супер. Мне очень важно, потому что чтобы все, что я делаю, чтобы оно было перфекционным. И с точки зрения визуала, и с позиции смыслов. И то, что я вижу сейчас, ну, честно, я даже не знаю, к чему придраться.

[11:47] Все четко. Дальше я буду править только какие-то мелочи, но это будет уже реально, как косметический ремонт по мелочам. Сам МиниЭд собран отлично.

[12:08] я даю на канале каждый день. И по факту здесь теперь все в одном месте, и видео, и бонусы от разных сервисов, и проверенный метод регистрации и оплаты нейросетей из России, и доступ к чату,

[12:21] все уже тут. И хочется спросить, что вы думаете, что вы скажете, как бы вы оценили работу нейросети вот на этом этапе. Еще обратите внимание, у меня как у администратора также есть панель управления в правом верхнем углу.

[12:36] Это такая шестеренка. Нажимаю на нее, и здесь я могу без необходимости каждый раз лезть на сервер, я могу менять уроки, могу скрывать их, менять местами, менять название одной кнопкой,

[12:49] и могу давать команду сделать обновление на сервере, и здесь же могу также видеть внутреннюю статистику этого приложения, чтобы понимать, как посетители ведут себя,

[13:02] и благодаря этой информации шаг за шагом улучшать неюнек. И буквально за несколько секунд я хочу также показать вам, какие было техническое задание изначально,

[13:14] что я прописывал Клоду, чтобы получить такой результат. И видите, что ТЗ было очень компактным, и Клод, работая на модели Opus 5.5, хорошо справился с задачей,

[13:28] как по мне. И расход токенов я также сейчас показываю на экране, можете посмотреть. И смотрите, у кого-то сейчас может возникнуть вопрос, что если все так просто,

[13:40] если Клоуд или Чаджи Пити самостоятельно может разрабатывать такие вот приложения для Телеграма практически без участия человека, то кто же будет такое покупать? Кто будет за это платить деньги? И

[13:53] Есть ли такие инструменты? Они, по сути, сейчас доступны буквально каждому. И ответ, на самом деле, он очень простой. Смотрите, я также предприниматель, я больше 12 лет занимаюсь бизнесом и инвестициями.

[14:07] И в моем окружении также тысячи предпринимателей за эти годы. И главные вещецы, это люди в моем окружении, это время. и по большому счету внутренний выбор

[14:19] у таких людей он звучит примерно так. Могу ли я сделать это сам? Да, могу. Есть ли у меня на это время? Нет, времени нет. Хочу ли я это делать сам? Ну и здесь кто-то ответит да, кто-то нет.

[14:32] Но большинство предпочтут диригировать такую задачу специалисту и получить готовый результат вместо того, чтобы проходить собственный путь проб и ошибок и тратить время.

[14:44] И если вы хотите попробовать создавать такие мнения для себя, либо зарабатывать на этом, то под этим видео находится гайд, который можно забрать абсолютно бесплатно. Просто идите по шагам, как в этом видео, попробуйте, тестируйте. И когда почувствуете внутреннюю силу, готовность, то просто предложите свою услугу своему первому клиенту.

[15:06] Если вам понравился выпуск на тему заработка с нейросетями, подпишитесь и обязательно дайте мне знать об этом в комментариях. И я продолжу делать видео на эту тему.

[15:19] А сейчас придите в мой телеграм-канал, чтобы потестить этот мини-эп из этого выпуска уже своими руками. И посмотреть, что же получилось на самом деле.

[15:31] Потому что еще одна ценность этого видео, Она в том, что я показал весь путь от идеи до полностью готового, работающего приложения Не в теории, а на практике С вами был Георгий Ривера

[15:43] Побеждайте любя, действуйте из будущего И до встречи в новых выпусках

[16:04] Редактор субтитров А.Семкин Корректор А.Егорова