Создайте Telegram Mini App с помощью ИИ с нуля: без кода, маленькими шагами

Откройте Mini Agent и начните чат

Mini Agent — ИИ-конструктор внутри Mini Empire. Подключите бота (вставьте токен от BotFather или позвольте Mini Empire создать его за вас), выберите карточку «Создать с ИИ» — рекомендуемую — и завершите кнопкой «Начать создавать с ИИ». Вы попадёте в пустой чат, который спросит, что вы создаёте. У Mini Agent есть и собственный бот в Telegram — с теми же ботами, чатами и кредитами. Новым аккаунтам мы дарим 100 бесплатных кредитов ИИ.

Просите одну маленькую вещь — и только её

Весь метод в одном предложении: попросите ОДНО конкретное изменение, проверьте его вживую, при необходимости исправьте и только потом переходите дальше. Не описывайте готовый продукт. Начните с самого маленького куска, который уже выглядит как приложение, например: «главный экран моей кофейни с картой лояльности из 10 пустых ячеек для штампов». Небольшие запросы выполняются быстрее, их легко проверить, и они тратят меньше кредитов.

Если ловите себя на «и ещё…», остановитесь. Эта вторая идея — ваше следующее сообщение.

У каждой задачи свой чат

У каждого бота может быть много чатов, и каждый чат — отдельный разговор с ИИ. Заводите по одному на задачу: вид главного экрана, админка призов, тексты. Короткий сфокусированный чат не даёт ИИ всё перепутать. Когда чат становится длинным, Mini Agent сам предложит новый: так дешевле и точнее, к тому же он видит приложение таким, какое оно сейчас. Нажмите ＋ в конце вкладок или значок карандаша вверху.

Покажите, как должно выглядеть приложение

Сначала создайте внешний вид, функции — потом. Если вы представляете себе приложение, сделайте несколько экранов с помощью другого ИИ: попросите ChatGPT или Gemini что-нибудь вроде «три экрана телефона, тёмная тема, для приложения лояльности кофейни: главный со штамп-картой, призы, профиль». Затем нажмите на скрепку, приложите изображения и скажите, что с ними делать: «Используй это как дизайн. Пока собери только главный экран». Mini Agent читает картинки и проектирует по ним.

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

Принесите собственную графику

Mini Agent рисует векторами и CSS, поэтому иконки, фигуры, градиенты и простые иллюстрации получаются чёткими. Фотографии и реалистичную 3D-графику он нарисовать не может. Для этого сделайте детали (иконку штампа, фон карты, талисман) в ChatGPT или Gemini и принесите их сюда. Попросите экран администратора с кнопкой загрузки, например: «Добавь экран администратора, где я могу загрузить иконку штампа и фон карты и использовать их в приложении», либо приложите картинку в чате и попросите Mini Agent её использовать. Загруженные изображения хранит платформа: PNG, JPEG, WebP или GIF, до 3 МБ каждое.

Если попросить «реалистичное» или «похожее на фото» изображение, Mini Agent скажет, что не может. Не тратьте кредиты — принесите картинку.

Откройте приложение и проверяйте каждое изменение

После каждого ответа посмотрите приложение, прежде чем просить что-то ещё. Когда в верхней панели написано «изменения не опубликованы», появляется панель «Опубликовать»: пока у приложения нет пользователей, публиковать рано безопасно — это одно касание и ноль кредитов. Затем нажмите зелёную ▶ («Открыть бота»), кнопку «Открыть» в чате и посмотрите приложение на телефоне так, как его увидит пользователь. Что-то не так? Скажите точно что: «Кружки штампов слишком маленькие и слишком близко к левому краю».

Дайте каждой части функцию — по одной

Когда внешний вид определён, оживляйте его по одному экрану или одной кнопке за сообщение: «Сделай так, чтобы кнопка „Забрать кофе“ работала. Она становится зелёной, когда на карте 10 штампов, а до этого пишет, сколько не хватает». Опишите, что видит человек и что должно произойти; сохранение данных за этим Mini Agent берёт на себя. Затем повторите цикл: проверьте в своём боте, исправьте, что не так, и просите следующую часть.

Большой запрос сначала получает план

Попросите много сразу — скажем, «собери всё приложение лояльности», — и Mini Agent не начнёт тратить кредиты. Он покажет карточку плана простыми словами: что вы получите, как это выглядит и одну оценку, например «~70 кредитов · ~9 мин». Кнопка «Собрать» запускает работу. «Продолжить планирование» позволяет написать, что изменить в плане. Пока вы не выберете, ничего не создаётся, а сборка останавливается до того, как превысит лимит расходов.

Ответьте на быстрые вопросы или оставьте звёздочку

Если в плане остались открытые вопросы, «Собрать» задаёт их по одному на экране, большими карточками, с полосой прогресса сверху. Mini Agent уже отметил свой выбор звёздочкой, так что, если не уверены, оставьте его и нажмите «Далее». Здесь он спрашивает, как люди будут пользоваться ботом: «Mini App (свои экраны)» — вариант для приложения с вкладками и списками. На последнем вопросе кнопка называется «Собрать».

Следите за сборкой — этап за этапом

После подтверждения план живёт в плавающей шапке с прогрессом, так что вы можете работать в других чатах. Нажмите на неё, чтобы открыть квест: кольцо с процентами, этап простыми словами («Рисуем ваши экраны», «Оживляем приложение»), потраченные кредиты и оставшиеся минуты. Если сборка встала из-за лимита расходов или закончились кредиты, «Продолжить» возобновит её с того места, где она остановилась.

Сделайте админ-панель для всего, чем вы управляете

Для всего, чем вы будете управлять, сразу просите отдельный экран администратора: «Добавь экран администратора для управления призами: добавлять, редактировать и удалять их. Видеть его должен только я». Так вы меняете призы, цены и тексты со своего телефона, а не просите ИИ каждый раз, — это быстрее и безопаснее, а участники этот раздел не видят. Стройте по одному админ-экрану за сообщение, как и всё остальное.

Работайте в нескольких чатах одновременно

По мере роста приложения давайте каждой задаче свой чат и пусть они работают параллельно: в одном шлифуется карта, в другом строится админка призов, в третьем переписываются тексты. Крутящийся индикатор на вкладке значит, что чат работает; точка — что он закончил, пока вы смотрели в другом месте, и приложение сообщит вам об этом. Одновременно работают до трёх чатов, а чаты, которые трогают одну и ту же часть приложения, ждут своей очереди, поэтому давайте каждому свою область.

Тестируйте, исправляйте, повторяйте: покажите проблему

Тестирование — часть каждого шага, а не обязанность под конец. Когда что-то выглядит неправильно или сценарий ломается, не пишите длинное описание. Сделайте скриншот приложения (или чата с ботом), нажмите на скрепку, приложите его и добавьте одну строку о том, чего вы ждали: «Кнопка „Купить“ здесь ничего не делает. Она должна открывать оплату». Mini Agent видит ровно то же, что и вы, поэтому исправляет нужное быстрее и обычно за меньшее число кредитов, чем при длинном объяснении. Затем откройте приложение и проверьте снова.

По возможности обведите проблему на скриншоте и держитесь одной проблемы на сообщение.

Отмените бесплатно, если исправление пошло не так

Если изменение сделало хуже, значок часов в верхней панели открывает ваш черновик: «Отменить последнее изменение», «Опубликовать» или возврат к любой прежней версии. Ни одна из этих кнопок не использует ИИ, поэтому кредиты не тратятся, а восстановление версии не удаляет остальные. Эта страховка и делает маленькие быстрые эксперименты дешёвыми.

Опубликуйте одним касанием

Когда приложение делает то, что вы хотели, нажмите «Опубликовать». Окно по центру проведёт по проверкам: бот проверяется на ошибки, мини-приложение открывается и тестируется на экране размером с телефон, и только потом выходит в эфир. Если проверка находит проблему, список объясняет её, а «Попросить ИИ исправить» отправляет её прямо в Mini Agent. До ваших пользователей ничего не доходит, пока не пройдены все проверки.

Вы в эфире

Окно превращается в праздник: «Вы в эфире! Версия 7 теперь доступна вашим пользователям». В /start вашего бота теперь есть кнопка «Открыть», которая запускает мини-приложение. Нажмите «Открыть бота» и пройдите всё ещё раз — лучше со второго аккаунта Telegram и в светлой, и в тёмной теме.

Откройте его как участник — и держите цикл в движении

Так видят приложение ваши пользователи: главный экран, который вы придумали, с их собственными данными. Дальше метод не меняется. Новая идея? Новый чат, одно маленькое изменение, проверка в боте, публикация. Админ-экраны, которые вы построили, позволяют вести приложение изо дня в день, а любое добавление проходит тот же цикл: попросить, проверить, исправить, дальше.