ИИ сделал за меня веб-приложение для учёта расходов (подробная инструкция)
12:37

ИИ сделал за меня веб-приложение для учёта расходов (подробная инструкция)

Web3nity 14.06.2025 22 218 просмотров 893 лайков обн. 18.02.2026
Поделиться Telegram VK Бот
Транскрипт Скачать .md
Анализ с AI
Описание видео
Показала, как с помощью нового ИИ‑агента «DeepAgent» за 15 минут создать веб‑приложение для учета расходов в поездках. Агент сам подключил базу данных, разместил приложение в интернете и оно полностью готово к использованию. 🌐 Ссылка на ИИ-агента: http://deepagent.abacus.ai И сам сервис - http://chatllm.abacus.ai Ссылка на приложение: https://travel1111.abacusai.app Промт для созаданиявеб‑приложения: https://docs.google.com/document/d/1eQ9IfFxP32KNw37qqIESIUK9iPKrozrcqPLebJtaycU/edit?usp=sharing 🚀 Мой Telegram-чат: https://t.me/+dPw_AwlCXA05Mzcy #ИИ #AI #нейросети

Оглавление (3 сегментов)

  1. 0:00 Segment 1 (00:00 - 05:00) 899 сл.
  2. 5:00 Segment 2 (05:00 - 10:00) 907 сл.
  3. 10:00 Segment 3 (10:00 - 12:00) 475 сл.
0:00

Segment 1 (00:00 - 05:00)

Вот этот сайт для учёта общих расходов для поездок с друзьями я создала сама, буквально за полчаса, используя всего три запроса. Причём один запрос для постановления цели, а два запроса просто для корректировки. Без кода, без каких-либо заморочек, вообще ничего. Просто три запроса. Веб-приложение, кстати, доступно уже по ссылочке в описании. Вы можете даже его использовать для себя. Это абсолютно бесплатно. Вот, пожалуйста. Благодаря сервису ABCUS. Я в шоке от того, что я всего лишь описала задачу. агент сделал сам всё от дизайна до базы знаний. В этом видео я покажу, как вообще создавать такие вот приложения, что умеет этот пакет и какие вообще реально проекты вы можете сами создать для себя. Ссылочка напада будет в описании. Какие цены, какие ограничения, я расскажу всё в конце. Поэтому я пока вам покажу весь процесс создания. И, кстати, промты тоже, чтобы вы понимали. О'кей. Первым делом я захожу на сервис chatlm. com. Здесь функций очень-очень много. И можно работать с текстами и генерировать все картинки и делать видео, запускать ресерчи. Нас интересует сейчас не это, нас интересует вот этой левой части экрана. Сразу внизу есть кнопочка de agent. Всё, мы нажимаем на неё и переходим непосредственно самого агента, который может вот вытворять вот такие вот сложные вещи, многошаговые вещи. И вот здесь всё, что нам нужно сделать этому дипагенту - это всего лишь вписать наш промт, то есть наш запрос, что мы хотим, чтобы этот агент сделал. Весь промт я засчитывать не буду, потому что он у меня очень-очень сильно большой. Я вам его дам. Вы сможете его под себя, кстати, адаптировать. И как вообще работает? То есть - это не просто там, например, как мы используем чат GPT либо тот же Грок или GI. Это агент. И то это означает, что он может выполнять практически абсолютно любые действия как реальный сотрудник, как человек. Вы можете поставить задачу, а он сам будет искать всю информацию, скачивать все картинки, собирать всё воедино для вас делать проекты. Ну и, в общем, закидываю промт, да, хочу создать простое, удобное приложение, такой вот мини-сайт, которым легко делиться с друзьями для учёта совместных расходов во время поездок. Ну и так далее. В чём смысл? Почему я захотела создать именно это? Потому что очень часто мы ездим в путешествие с друзьями, и каждый за что-то платит. Кто-то платит за обед, кто-то платит за ужин, кто-то, не знаю, купил кому-то что-то, какой-то билет, и потом это всё превращается в хаос, сколько кому должен. Это абсолютно не очень удобные разговоры. И в общем, чтобы не путаться и не портить атмосферу, просто я решила создать вот такое вот приложение, в которое можно зайти. Нажимаем там новая поездка куда-нибудь в какой-то новый город, и каждый человек потом сможет зайти в это приложение, на этот сайт, внести свою трату, она автоматически распределится по всем друзьям, и в конце поездки вы просто будете знать, кто кому что должен. В проте я описываю идею, что пользователь должен создать новую поездку, вписать название место даты, для каждой поездки добавлять участников по имени, поэтому вы тоже можете это использовать. В принципе, каждый расход учитывается вместе с плательщиком, кто заплатил, суммой, дата, если хочется. Расходы можно делить на всех поровну или настраивать долю для каждого, потому что, возможно, кто-то немножечко съел, да, все остальные там съели большую порцию, например. Тоже это нужно как бы учитывать. Также хочу отдельную функцию, чтобы записывать перевод денег от одного участника другому, чтобы это тоже учитывалось в балансе. Хочу видеть матрицу расходов, красивые такие диаграммки, чтобы сразу было видно, у кого какие расходы и вообще просто было понятно с одного взгляда. Интерфейс должен быть на русском, максимально простой, с приятными цветами: синий, серый, белый, иконочки соответствующие. Всё. То есть промт вы пишете максимально подробно, описывая каждую чёткую функцию, которую вы туда хотите добавить. Чем больше вы записываете детали в начале, тем меньше вам потом нужно будет это всё корректировать, потому что компьютер - это не как люди, они воспринимают всё буквально с полуслова. То, что вы ему говорите, то он и делает. Если вы это ему не сказали, то он это просто не сделает. Логично. О'кей. Отправляю запрос. Иди по генус сначала анализирует запрос и потом уточняет какие-то детальки дополнительные, которые, например, я не внесла. Например, в какой валюте вести учёт? Я отвечаю: нужно переключаться, чтобы выбирать валюты. И доступ к поездкам должен быть у всех друзей. и в том числе и у вас, чтобы каждый мог редактировать свои данные. Всё. После уточнений нажимаю кнопку и всё, идигн начинает работу. Наше же участие в том, что мы просто наблюдаем, как прямо буквально в прямом эфире он шаг за шагом начинает пишет структуру будущего сайта. Вот, пожалуйста, появляйте новые папки, новые файлы, строчки кода. Там всё двигается очень быстро. Просто буквально в прямом эфире создаётся приложение. Я не знаю, до какого момента я буду всё удивляться. Насколько вообще наш мир становится всё проще и проще в плане вот таких вот рутинных цифровых задач. В общем, прошло 7-8 минут, всё, у меня появилось готовое приложение. Что очень хочу отметить, это очень важно, мне кажется, то, что здесь сразу бросается в глаза классный дизайн, то есть это минималистичность, это синий с переливами, серый такой белый, как я и просила, да, то есть большие удобные кнопки, всё суперкликабельно, я могу нажать. На странице кнопочка создать поездку, да, поэтому протестируем её. Нажимаем на первую кнопочку, например, море и вводим место, например, Батуми. Так далее. Выбираем дату, валюту и нажимаем создать. О'кей. Теперь добавляем участников по имени. Например
5:00

Segment 2 (05:00 - 10:00)

Костя, Ира, Ваня, Наташа. Добавляем новую покупку, например, завтрак. Указываем дату. Выбираем, кто платил. Пусть будет Ира. Потом можно сразу кастомизировать. То есть я хочу, чтобы мы поделили эту сумму поровну, либо я хочу выбрать свой вариант. Пусть будет поровну. Блин, очень круто, что сразу появляется диаграмма, такая вот матрица взаиморасходов. То есть сразу же видно всё, кто кому должен. Всё очень наглядно. А, и, кстати, он ещё и внизу создал короткую инструкцию, как пользоваться этим приложением. Всё прямо супер понятно. О'кей, тестируем дальше. Сейчас я добавлю ещё одну покупку и заодно попробуем сделать перевод между участниками, чтобы посмотреть вообще, как оно отобразится в нашей матрице расходов. Поэтому вношу новую трату, допустим, нажимаю на кнопку, чтобы отметить, что перевод совершён. О'кей, перевод фиксируется, на диаграмме он пропадает, но баланс, видите, между участниками он не пересчитывается, то есть как будто переводов вообще не было. Поэтому так и пишу. После того, как я делаю запись о переводе, эти данные должны влиять на общий баланс участников. А, и ещё я сейчас попрошу добавить отдельный список переводов чуть ниже таблички, чтобы всегда было видно, что кто кому должен. Блин, что мне очень нравится в вот этих агентах, например, PT, что он не просто вслепую переписывает просто код, а здесь он реально прямо заходит в браузер и тестирует это как человек. То есть заходит на сайт, кликает по кнопочкам, вот, добавляет расходы, переводит, проверяет, то есть как это действительно отображается, а не просто переписывая код. И если он находит ошибку, то он сразу же возвращается, что-то там меняет в коде и опять тестирует. О'кей, прошло минут пять. Агент прислал мне обновлённую версию. Все данные сохранились, поездки на месте, сотраты перевода отображаются. Протестируем ещё раз. Создадим новую покупку, например, ужин. Указываем сумму, дату, кто платил. В матрице расходов опять всё появилось, но обработка платежа, видим, что она опять неправильно влияет на баланс. Возможно, что-то я неправильно объяснила, поэтому пропишу ещё раз, что нужно взаимосвязь между блоками о переводах и общим балансом. Супер, со второго раза уже всё получилось. То есть, да, что очень важно здесь сказать, почему я захотела вам показать весь процесс, а не просто там супер идеально, как у меня это было, потому что многие думают, что как бы они напишут один запрос, если что-то не получается, то они как бы говорят, что система не работает. Всё работает. Просто программе нужны уточнения. Вот мы их сейчас сбили, она теперь со второго раза поняла, и всё теперь корректно считается. История переводов и расходов отображается. О'кей, приложение готово. И сейчас возникает, кстати, вопрос, который вы мне задавали в прошлом ролике. А как сделать так, чтобы этим приложением могли пользоваться не только я, а другие ещё участники? Как подключать свои домены? И вот здесь вот, в общем, два варианта. Первое, чтобы просто он появился для всех участников в общем доступе, здесь есть просто кнопочка deплой, то есть разместить приложение в интернете. Мы на неё нажимаем и дальше у нас есть два выбора. Первый вариант, если у нас есть свой домен, либо мы хотим его купить, и мы разбираемся в хостинге, то вы можете просто разместить это же приложение под вашим уникальным доменом, под вашим уникальным адресом. Если хочется делать всё по-быстрому, например, как для меня, я не хочу это делать как профессиональное приложение, просто его сделать для поездок, например, то я просто размещаю на сайт на внутреннем хостинге вот этогогента. Всё, например, там придумаем название сайта, например, там travel и нажимаю плой. Всё. И в этот момент у меня уже появляется мой уникальный адрес в интернете. Понятное дело, что если бы я создавала это, чтобы использовать профессионально, я бы, конечно, разместила на своём хостинге под своим доменом, но для такого проекта это не критично, соответственно, для вас тоже. И, соответственно, эта ссылка, она доступна абсолютно каждому. То есть даже вы можете на ней перейти и увидеть этот сайт, создать новую поездку, добавить какие-то расходы и использовать это приложение. О'кей. Я, кстати, попробую открыть его в мобильной версии, чтобы проверить вообще, работает ли классный дизайн, потому что здесь он, по идее, должен сразу же адаптировать это под мобилку. Пожалуйста, создала себе Сан-Франциско Day Travel. И здесь уже дальше могу добавлять участника, добавлять расходы. Всё супер удобно работает. То есть, что мне нравится, что это не просто болванка. То есть ты не просто создал, знаете, показать. Вот смотрите, у меня есть сайт. Это реально работающий сайт. Я здесь добавляю расходы, добавляю записи. Блин, я всего лишь написала три промта, и у меня уже вот такое вот готовое приложение. И, кстати, в интерфейсе самого Дипагента есть отдельная вкладочка база данных. И вот сюда вот можно зайти. Вы сможете сюда зайти и можно увидеть абсолютно всё, что происходило. То есть можно увидеть все поездки, все транзакции, расходы, суммы, даты участников. Всё это будет храниться в одном месте. И это в любой момент можно пересмотреть либо даже вообще скачать отдельной страничкой и потом это использовать. То есть, если вы, например, будете использовать это для работы, для рабочих поездок, это вам нужно потом декларировать в отчётах. Пожалуйста, скачали табличку, приложили, и всё это наглядно видно. Для тех, кто разбирается в IT, здесь есть вообще возможность перейти в раздел код и увидеть всю структуру приложения, то есть все папки, вот все файлы, в вообще всё. И вы можете просто скачать этот проект, его доработать, задеплоить профессионально и уже использовать как подписку. Для таких, как я, конечно же, это будет сложновато сделать. Я не разбираюсь в коде, но и это и есть идеальный вариант, если я хочу создать что-то своё, своё приложение
10:00

Segment 3 (10:00 - 12:00)

кликабельное, рабочее, вот в реально функциональное приложение с красивым дизайном. Всё, дальше только ваша фантазия. Там хотите создавать приложения для семейного бюджетника, не знаю, если у вас такие, если вы работаете на фрилансе, пожалуйста, создали для себя все ваши расходы либо поступления, тоже будете фиксировать у себя же в этом приложении. Оставлять заявки с заказа, это же тоже можно сделать, если вы на фрилансе, вы можете создать вот такой вот мини-сайт, в котором у вас будут люди кидать ваши заявки на заказы. Расходы компании либо бизнес каких-то поездок. Быстро создали, всё используйте, не нужно, закрыли приложение, удалили. Насколько эта штука подойдёт для гигантских проектов, я не знаю. Опять же, видите, я создаю в Депагенте очень такие довольно простые, но очень практические вещи. Я понимаю его лимиты, что какое-то супербольшое приложение я, наверное, не создам, в том числе, потому что я не кодер. Но вот такое вот можно. Теперь, чтобы вы понимали, сразу же сделаю оговорочку. Deepagent - это не отдельный сервис, это одна из функций большого прямо продукта чат lлма. Такая прямо это огромная платформа, где собраны много разных нейросетей. Тут есть и просто нейросети разные. вы можете использовать в одном интерфейсе. Здесь есть и парсеры, и генерация картинок, и видео. То есть это такой агрегатор топовых и инструментов. И параллельно к агрегатору, то есть они собирают все топовые нейросети в одном месте, они ещё создают свои продукты. Вот - это их отдельный продукт, который они сами создали. Спасибо большое. Отчёт LLM, ребят, тоже поддержите, потому что действительно таким каналам, как я, очень важно, чтобы были вот такие вот бренды, которые поддерживают и приходят к нам снова и снова. Это даёт нам способ поддерживать канал и держать его в тонусе. Насчёт подписки. Базовая подписка стоит 10 долларов. И за 10 долларов можно сделать две задачи для депогента. То есть вот это одно приложение - это есть одна задача, да? Потому что в задаче может быть несколько разных ветвей, несколько интеграций, несколько запросов, как было в моём случае. Если мало, за 20 долларов можно получить 25 задач. То есть буквально можно создать 25 проектов. Это может быть презентация, это может быть сайт, это может быть вот такое вот приложение, что пожелаете, парсер, например, бот. Ну и параллельно за эту же сумму вы получаете доступ ко всем остальным сервисам. А это чаты GPT, Gini, Гроки, видео, картинки. То есть я считаю, что это очень выгодная цена, если вы этим пользуетесь. Если бы это было невыгодно, я бы, наверное, даже и не брала и бы не рассказывала про этот сервис. О'кей. В общем, вот такое вот приложение создала. Пользуйтесь на здоровье. Даже можете моим приложением пользоваться. А если будешь что-то создавать своё, интересное, тоже пишите в комментариях, делитесь проектами. И, может быть, таким образом находите себе либо партнёров, либо коллег, либо просто людей, с которыми вы потом можете коллаборировать. В общем, на этом всё. Пробуйте. Всем пока. M.

Ещё от Web3nity

Ctrl+V

Экстракт Знаний в Telegram

Транскрипты, идеи, методички — всё самое полезное из лучших YouTube-каналов.

Подписаться