Гайд по созданию адвент-календаря

Периодически от коллег слышу вопрос – вот все эти ваши ИИ, конечно, очень интересно, просто фантастика, но оно все так далеко от наших реалий и вообще непонятно, а в чём реальная польза?

Ну пользы то реально не видно. Где польза то?

Давайте расскажу, про создание дружеского адвент-календаря, который был сделан мной минут за 50 минут с использованием ИИ.

Почему адвент-календарь?

С приближением Нового года, хочется окунуться в волшебство и предвкушение праздника. Но будничные заботы и рабочие дела затмевают этот особенный момент. Чтобы вернуть ощущение новогоднего вайба, решил создать адвент-календарь. Этот простой, но эффективный способ помогает ежедневно погружаться в атмосферу ожидания праздника и наполняет сердце радостью.

Адвент-календарь – это традиция, которая пришла к нам из Европы. Суть заключается в том, что каждый день, начиная с 1 декабря, открывается новое окошко или ячейка, внутри которой находится маленький подарок, задание или сюрприз. Эти сюрпризы помогают постепенно настраиваться на праздничный лад и создают ощущение чуда.

Для кого предназначен адвент?

Для моих друзей, которые хотят разделить радость подготовки к Новому году друг с другом, находящимися на расстоянии. Он включает в себя виртуальные активности, которые легко организовать онлайн.

Самое главное в адвент-календаре – это не столько сами подарки, сколько процесс совместного участия и общения. Каждый день приносит новые эмоции и сближает участников, создавая ту самую магию Нового года, которую мы все ждём.

Написание программного кода

У нас есть чат друзей в котором мы делимся радостями, решаем проблемы и поддерживаем друг друга, создавая атмосферу тепла и доверия. Решил порадовать друзей новогодними активностями.

Рис. Информация из чата друзей

Для разработки программного кода использовал нейронную сеть v0.dev Там все просто. Надо всего лишь ИИ объяснить задачу: от каркаса до каждой страницы.

Например: «нарисуй каркас приложения (левый сайдбар + основной контент), потом сделаем страницы и разобьём их на компоненты»

В моём случае по запросу я получил готовый код для фронта, который можно скачать.

Мой запрос:

«Создать красивую страницу на php c обратным отсчетом времени - дни, минуты, секунды до Нового года 01.01.2025 по московскому времени. На странице под обратным отсчетом должно отображаться задание из адвент-календаря с иллюстрациями на каждый день»

ИИ выдал мне такой готовый код, который можно скачать на свой компьютер.

Рис. Страница с кодом в сервисе v0.de

Дальше я решил уточнить запрос:

«Мне нужно иметь возможность редактировать задания для адвент-календаря по дням и прикреплять разные фотографии для каждого дня»

Вуаля. Код обновился за считанные секунды. Теперь мы видим, что к каждому дню можно добавить своё изображение.

Рис. Обновленный код

Осталось придумать задания. Для этого воспользовался GigaChat, нейронной сетью от Сбера.

Наполнение адвента

GigaChat помог разработать собственный адвент-календарь до конца месяца. По запросу:

«составь адвент-календарь, который поможет создать новогоднее настроение, с оригинальными неповторяющимися заданиями от 17 до 31 декабря для друзей, работающих удалённо из дома и находящихся на расстоянии»

нейронная сеть от Сбера предложила следующий вариант:

Рис. Пример наполнения адвент календаря в GigaChat.

Карточки с заданиями практически готовы. Осталось их визуализировать.

Визуализация карточек адвента

Для создания рисунков воспользовался нейронной сетью together.ai, в которой создал фоновые иллюстрации по промпту.

Запрос

«красный фон, сверху свисают новогодние игрушки»

Рисунки генерируются секунд 20 или того меньше.

Рис. Создание фона для иллюстрации адвента

Текст, предложенный GigaChat вписываю в редакторе Figma. На каждую иллюстрацию уходит где-то 1-2 минуты.

Рис. Создание иллюстраций

Добавление файлов на сервер

Файлы с иллюстрациями были созданы и названы по дням месяца. Например, 19 декабря – файл называется 19.jpg

Рис. Файлы с иллюстрациями

Осталось внести изменения в исходный код. Корректируем название адвента по дням и указываем путь к файлам, которые должны будут отразиться.

Рис. Редактируем задания для адвента

Вот и все. Осталось только закачать файлы на сервер и ждать новый год (ссылка на адвент).

Ежедневно мы видим счётчик с оставшимся временем до Нового года и ежедневные с новыми заданиями.

Рис. Пример готового адвент-календаря

На весь проект было потрачено около 50 минут времени за утренним кофе.

Уверен, что адвент-календарь поможет моим друзьям почувствовать себя частью одного большого волшебного мира, полного света, тепла и новогоднего вайба. Хочется верить, что он поможет нам замедлить ход времени и ежедневно получать капельку радости и новогоднего настроения.