Клининг · Telegram-бот и мини-приложение

Клининг в Telegram: заявка с адресом и площадью больше не теряется

Клиент пишет «нужна уборка», а адрес, метры и время уточняются в шести сообщениях. Соберите бота для клининга, где заявка приходит одной карточкой со статусом — без программиста.

5 000 000 токенов бесплатно 7 шагов до файла Приложение принадлежит вам Телефон и компьютер

Три ситуации, где заявка растворяется

Заявка живёт в чате, а не в списке — вот что из этого выходит.

01

Адрес голосовым, площадь забыли

Адрес пришёл сообщением, метры — голосом, про лифт клиент написал вечером. Утром вы ищете это в истории, а бригада уже выехала.

02

Одну квартиру записали дважды

В блокноте суббота, в телефоне воскресенье, в чате «как договаривались». Две бригады на одном адресе.

03

Цену считаете на бегу

Пока вспоминаете площадь и тип уборки, клиент пишет конкурентам. Ответ через час — извинение, а не ответ.

Что бот делает, а что нет

Честный список, чтобы не ждать лишнего.

Делает

  • Принимает заявку: адрес, площадь, тип уборки, дату.
  • Показывает список заявок, статусы, счётчики.
  • Держит карточку клиента с историей уборок.
  • Открывается с телефона в теме Telegram.

Не делает

  • Не заменяет бухгалтерию.
  • Не принимает оплату картой — отмечаете вручную.
  • Не синхронизирует устройства: это файл, а не облачная CRM.
  • Не ведёт переписку вместо вас.

Как выглядит заявка

Одна карточка вместо десяти сообщений.

Заявка №1042 в работе
КлиентМарина, +7 ··· 34-21
Тип уборкиГенеральная после ремонта
Адресул. Ленина, 14, кв. 7
Площадь54 м² · 2 комнаты
Дата и времясуббота, 10:00
БригадаОльга и Тимур
ЗаметкаКот, лифт, парковка у второго подъезда

В следующий раз адрес подставится сам.

Что войдёт в приложение

Модули под клининг, а не универсальная CRM.

Форма заявки и каталог услуг

Поддерживающая, генеральная, после ремонта, офис. Цена за метр или фикс.

Список заявок

Фильтры по дате, статусу и бригаде, поиск по адресу.

Статусы

Новая → в работе → закрыта. Смена одним нажатием.

Карточка заявки

Адрес, площадь, время, сумма, оплата.

Счётчики за день

Пришло, в работе, закрыто — видно сразу.

Тема Telegram

Светлая и тёмная, крупные кнопки, от 360 px.

Сколько это стоит

Три пути к одному экрану. Сравнивайте не прайс, а то, чем владеете в конце.

Нанять разработчика

под ключ

Деньги
Десятки тысяч рублей до первых правок.
Срок
Недели: макет, вёрстка, согласование.
Правки
Новое ТЗ и новая смета.
Кому принадлежит
По договору, а не по умолчанию.

Купить подписку

чужой сервис

Деньги
Платёж каждый месяц, пока пользуетесь.
Срок
День на настройку.
Правки
Только то, что разрешил тариф.
Кому принадлежит
Данные в чужом сервисе.

Собрать самому

эта страница

Деньги
Файл и 5 000 000 токенов бесплатно.
Срок
Один вечер и 7 шагов.
Правки
Словами в чат — файл пересобран.
Кому принадлежит
Ваш HTML-файл, без подписки.

Пять причин собрать самому

Для небольшой команды это просто дешевле и быстрее.

Экономия

Нет сметы и ежемесячного платежа.

Приложение ваше

Один файл на вашем диске.

Правки словами

Пишете боту, что поменять.

Без ожидания

Нужный статус появляется вечером.

Нет лимитов

Функции не спрятаны за тарифом.

Инструкция: 7 шагов от бота до файла

Всё действие — в одном чате. Скриншоты сняты в реальном приложении.

1

Приложение установлено

Ссылку бот присылает в ответ на слово «старт».

Стартовый экран приложения AI DIY с надписью «Приложение установлено»
2

Нажмите «Открыть веб-интерфейс»

Кнопка запускает рабочую область в браузере.

Кнопка «Открыть веб-интерфейс» на экране запуска
3

Нажмите «Создать проект»

Кнопка справа сверху: под каждое приложение своя папка.

Экран «Ваши проекты» с выделенной кнопкой «Создать проект»
4

Впишите название проекта

Например, «Бот для клининга». Затем нажмите «Создать проект».

Поле ввода названия проекта и кнопка «Создать проект»
5

Скопируйте промпт и вставьте его

Кнопка «Скопировать промпт» — ниже. В поле сообщения: Ctrl + V (на Mac — ⌘ + V).

Промпт вставлен в поле сообщения нового проекта
6

Нажмите «Отправить»

Кнопка «Отправить» ↑ справа или клавиша Enter.

Кнопка отправки сообщения в интерфейсе проекта
7

Ответьте на 8–15 вопросов

Про уборки, бригады и оплату — обычными словами. В конце бот отдаст HTML-файл.

Бот задаёт вопросы о работе клининга и предлагает варианты ответов

Промпт для клининга

Скопируйте целиком и вставьте в поле сообщения на шаге 5.

Промпт «Бот для клининга»
Ты — senior product designer, UX-архитектор и frontend-разработчик. Помоги человеку без технических знаний собрать телеграм-бота и мини-приложение для клининговой компании: заявки на уборку, клиенты, услуги, статусы, уведомления. Проектировать базу данных он не должен — это твоя работа.

Сначала опрос на понятном языке (8–15 вопросов с вариантами ответов): какие уборки делаете — поддерживающая, генеральная, после ремонта, офис; откуда приходят клиенты; что надо знать до выезда — адрес, площадь, комнаты, животные, лифт, парковка, чьи средства; как считаете цену — за час, за метр или фикс; кто выезжает — вы или бригады; какие статусы нужны; что показывать сразу после открытия. Не спрашивай про фреймворки и архитектуру. После ответов перескажи, что понял, и переходи к сборке.

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

Дизайн: аккуратная типографика, понятная иерархия, единые компоненты, hover и focus, адаптив от 360 px. Тема Telegram — светлая и тёмная через CSS-переменные, цвета берутся из темы. Без визуального шума.

Технически: один HTML-файл, CSS и vanilla JS внутри, localStorage как хранилище, без backend и сборщиков. Слои: storage → сущности → фичи → компоненты → экраны → навигация. После любого действия данные сохраняются, интерфейс перерисовывается сразу. Добавь демо-заявки и кнопку «Удалить тестовые данные» с подтверждением.

Перед выдачей сам проверь сценарии: создание, правка, удаление, смена статуса, перезагрузка, телефон в 360 px.

Ответ — готовый HTML-файл целиком, без фрагментов. Дальнейшие правки — тоже полным файлом.

Моя задача: телеграм-бот для клининга, заявки на уборку с адресом и площадью.

Если бот спросит про то, чего у вас нет, отвечайте «нет».

Частые вопросы

Коротко о том, что спрашивают перед сборкой.

Это настоящий бот с сервером или просто файл?

Второе. HTML-файл открывается в браузере и хранит данные на устройстве. Сервер и хостинг не нужны — нечего оплачивать ежемесячно.

Нужен ли токен из BotFather?

Для сборки нет: бот-конструктор собирает файл без токенов. Токен понадобится позже, если захотите вывести приложение в Telegram кнопкой.

Куда попадают заявки?

В список внутри приложения: адрес, площадь, время, статус. Данные живут в браузере устройства, поэтому телефон и ноутбук — два разных списка.

Можно ли отмечать оплату по заявке?

Да, отметку «оплачено» и сумму бот добавит в карточку. Приём платежей картой не входит: деньги получаете как обычно.

Что если заявок станет втрое больше?

Фильтры по дате, статусу и бригаде есть в промпте. Если понадобится повторная уборка по расписанию, напишите боту правку словами.

Сколько токенов уйдёт на одну сборку?

Небольшая часть бесплатных 5 000 000. Точную цифру покажет бот после сборки — она зависит от числа вопросов и правок.

Соберите бота для клининга сегодня вечером

Напишите боту «старт», откройте приложение, скопируйте промпт с этой страницы и ответьте на вопросы. Дальше у вас свой файл с заявками и статусами.

5 000 000 токенов бесплатно · инструкция из 7 шагов · свой HTML-файл