Список клиентов с поиском
Поиск по телефону и имени работает так, как нужно в разговоре: набрали три цифры — человек уже на экране.
Здесь десять сценариев CRM: у репетитора, салона, юриста, клининга, грузоперевозок. Каждый собирается по промпту в один HTML-файл — на практике это вечер, и файл остаётся у вас, а не на чужом сервере.
Бот пришлёт ссылку на установку и 5 000 000 токенов. Дальше всё по инструкции с этой страницы.
Промпт одинаковый для всех сценариев категории, меняются только ответы на вопросы. Вот что появляется в файле, когда вы их дали.
Поиск по телефону и имени работает так, как нужно в разговоре: набрали три цифры — человек уже на экране.
Кто привёл, что обсуждали, сколько заплатил, когда обещали перезвонить. Всё в одном месте, а не в переписке и блокноте.
Новая заявка, обсуждение, оплата, в работе, закрыто. Доска показывает, где застряли деньги, без ручной сводки.
Предоплата, остаток, дата следующего платежа. Видно, кто должен вам, а не только кто вам нравится.
Календарь на неделю: кому позвонить, что отправить, кого ждать. Просроченное подсвечивается само.
Сколько новых клиентов за месяц и сколько закрытых сделок. Пять цифр, которые обычно и нужны, без дашборда на полэкрана.
Пять причин, из-за которых я перестал платить за CRM ежемесячно. Проверьте, сколько из них ваши.
Сначала разработчику за «настроить под вас», потом сервису каждый месяц за доступ к своим же данным. Здесь расход один: токены на сборку. Потом файл просто лежит на диске и работает бесплатно, сколько бы клиентов вы ни завели.
Нужен статус «ждём предоплату» или поле «кто рекомендовал»? Пишете фразу в проекте — и приложение пересобирается. Без программиста, без тикета в поддержку, без ожидания спринта.
Один HTML-файл, который открывается в браузере двойным щелчком. Данные лежат в нём и в памяти браузера, а не у компании, которая завтра поменяет тариф или закроется.
Обычно мастеру говоришь одно, он понимает второе, а получается третье. Здесь нет переводчика: не так — переформулировали и посмотрели результат сразу.
Не бывает «на бесплатном плане до 100 клиентов». Не бывает платы за второго пользователя. Функцию добавляете, когда она понадобилась, а не когда дошло до нужной ступени подписки.
Такая база не заменит тяжёлую систему с интеграциями: телефония, мессенджеры, синхронизация между компьютерами и права доступа по ролям остаются за кадром. Если у вас отдел продаж на десять человек и звонки пишутся в облако — это не тот инструмент. Всё остальное — ваш случай.
Сначала четыре действия: бот, веб-интерфейс, промпт, вопросы. Из них и складывается сборка — поэтому семь шагов не появляются из ниоткуда.
В Telegram-боте @get_ai_access_bot пишете «старт». В ответ приходит ссылка на установку приложения AI DIY и 5 000 000 токенов.
Открываете приложение и нажимаете «Открыть веб-интерфейс». Инструмент тот же, просто работает во вкладке — ничего ставить второй раз не нужно.
Создаёте проект с понятным названием — например «Клиенты» — и вставляете промпт, который лежит ниже на этой странице.
Бот задаёт 8–15 вопросов о вашей работе обычными словами. После ответов отдаёт готовый HTML-файл приложения.
Дальше — те самые семь шагов, по кнопкам. Ничего додумывать не придётся: на каждом шаге одна кнопка или одно поле.
Ссылка на промпт — в шаге 5, а сам текст лежит сразу после инструкции: промпт — ниже.
Вы написали боту «старт» — и приложение AI DIY уже установлено из бота вместе с токенами. Отдельно скачивать ничего не надо, просто откройте его.
Кнопка на стартовом экране. Откроется вкладка браузера — та же сборка, но без окон вокруг. Так удобнее копировать промпт.
Название должно быть вашим, а не абстрактным: «Клиенты мастера», «Пациенты», «Сделки». Через месяц вы будете искать проект по смыслу.
Тот самый текст, что ниже: перейти к промпту. В конце замените строку «Моя задача» одной фразой о своей работе.
Бот спросит, кто ваши клиенты, из каких этапов состоит работа, что показывать первым. Отвечайте как коллеге, без терминов — этого достаточно.
Кнопка справа от поля сообщения или клавиша Enter. Начнётся сборка: сначала бот перескажет, что понял, потом отдаст файл.
Скачайте HTML-файл и откройте его в браузере двойным щелчком — база уже работает. Что-то не так? Пишете в проекте «сделай статусы короче» и «убери поле X», бот вернёт новый файл. Данные при правках сохраняются.
Дольше всего обычно идёт не сборка, а первый список клиентов: пока перенесёте старых, станет понятно, какие поля вам действительно нужны. Это нормально — вторую версию вы попросите через день.
Копируйте целиком — в нём уже есть структура данных, статусы, экраны и требование к демо-данным. Ничего дописывать не нужно, кроме вашей задачи в последней строке. Если потерялись по ходу, покажите семь шагов — они выше.
Ты — senior product designer, UX-архитектор и frontend-разработчик. Помоги человеку без технических знаний собрать рабочее приложение: crm и база клиентов. Он не должен проектировать данные и архитектуру — это твоя работа. Сначала короткий опрос на понятном языке (8–15 вопросов, с вариантами ответов): кто ваши клиенты и сколько их; откуда они приходят; по каким этапам идёт работа; что важно видеть сразу после открытия; какие напоминания нужны; как ведёте учёт сейчас. Не спрашивай про фреймворки, базы данных, компоненты, API и архитектуру. После ответов коротко перескажи, что понял, и только потом начинай. Сам спроектируй сущности (клиент, сделка или заказ, оплата, задача, заметка), их поля и связи по стабильным ID, статусы (новая заявка → обсуждение → оплата → в работе → закрыто), экраны (список клиентов, карточка клиента, доска сделок, календарь задач, отчёты), пустые состояния, подтверждения опасных действий. Связанные объекты должны открываться друг из друга, а новый связанный объект можно создать прямо из текущей формы, не переходя в другой раздел. Учитывай ключевые модули: карточка клиента с историей, сделки и статусы, оплаты и долги, задачи и напоминания, поиск по телефону, простые отчёты. Добавь только то, что реально следует из задачи, без функций «для галочки». Дизайн: самостоятельно выбери цельную систему — аккуратная типографика, понятная иерархия, единые компоненты, состояния hover/focus, адаптив от 360 px. Никаких декоративных цифр и визуального шума. Технически: один HTML-файл, CSS и vanilla JS внутри, localStorage как хранилище, без backend, сборщиков, npm и обязательного сервера. Внутри файла раздели слои: хранение → сущности → действия → компоненты → экраны → навигация. После любого изменения данные сохраняются, а интерфейс обновляется сразу, без перезагрузки. Добавь немного реалистичных демо-данных и кнопку «Удалить тестовые данные» (с подтверждением и одноразово). Предусмотри пустые поля, битые данные в localStorage, удаление связанных записей и закрытие модальных окон по Escape и клику на фон. Перед выдачей сам пройди основные сценарии (создание, изменение, удаление, переходы, перезагрузка, телефон) и исправь найденное. Ответ — полный готовый HTML-файл. Дальнейшие правки — тоже полным файлом. Если пришлю DESIGN.md — следуй ему. Моя задача: ___ (одна фраза о вашей работе).
Отличаются вопросами, которые задаст бот, и набором полей. Промпт общий, так что перейти из одной ниши в другую можно в любой момент.
Ученики, расписание уроков, оплаты и домашка — в карточке, а не в блокноте и переписке.
Администратор видит историю визитов и любимого мастера, а не переспрашивает имя на пороге.
Пациенты, планы лечения и напоминания о приёме собраны в одном окне.
Дела клиентов, процессные сроки и гонорары вместо папок на рабочем столе.
Объекты и покупатели связаны: видно, кому что показывали и когда звонить снова.
Съёмки, предоплаты и выдача готовых фото без переписки на двести сообщений.
Объекты, сметы и оплаты по этапам, чтобы не спорить о сумме в конце месяца.
Заявки на уборку, адреса и постоянные клиенты в одном списке, а не в четырёх чатах.
Ученики, группы и абонементы в приложении вместо бумажного журнала и звёздочек в нём.
Заявки на рейс, водители и оплата перевозок — в одной таблице, которую видно целиком.
Если ниша не про услуги, а просто «клиенты и заказы»: таблица Excel, которая живёт у одного человека, превращается в карточки с историей. Самый короткий путь попробовать формат.
Не нашли свою нишу? Возьмите ближайшую по смыслу и на вопрос «чем занимаетесь» ответьте своими словами — бот подстроит поля под ответ, а не под название страницы.
Это не рекламные обещания, а свойства формата. Проверьте любое приложение из списка — они устроены так.
Стили и скрипт внутри, открывается двойным щелчком в браузере. Перенести на другой компьютер — скопировать файл.
localStorage и сам файл. Никто не читает вашу базу клиентов и не решает, когда её архивировать.
Нужен новый статус или поле — пишете фразу в проекте и получаете обновлённый файл с теми же записями.
Внутри несколько реалистичных записей, чтобы сразу увидеть, как всё работает. Кнопка «Удалить тестовые данные» убирает их раз и навсегда.
Тем, где лежат данные и кто решает, какие поля нужны. Здесь это один HTML-файл у вас на диске: нет аккаунта, нет ежемесячного списания, а список клиентов и статусы описываются словами в промпте. Платите вы только за токены, которыми собираете приложение.
Нет. В промпте отдельным пунктом стоит импорт: выгружаете таблицу в CSV и загружаете файл в приложение, строки становятся карточками. Дальше порядок наводят поиск по телефону и теги — на разбор старой базы обычно уходит вечер.
Данные хранятся в localStorage, поэтому очистка истории браузера их удалит. Приложение умеет выгружать резервную копию одним файлом — включите это в промпт и делайте копию раз в неделю. Это честное ограничение, а не недосмотр.
Да, и для этого не нужен программист. Напишите в проекте фразу вроде «добавь в карточку источник клиента и день рождения» — бот пересоберёт файл с новыми полями. Записи при этом остаются на месте.
Только если передать ему файл и договориться, кто ведёт записи. Синхронизации между компьютерами здесь нет: это цена того, что база не уходит на чужой сервер. Для бригады из двух-трёх человек обычно хватает одного «главного» файла и вечерней сверки.
Промпт на этой странице готов, вопросы бот задаст сам. Вам останется рассказать, как устроена ваша работа, — и открыть файл с клиентами.
Бот пришлёт ссылку на установку и 5 000 000 токенов. Дальше всё по инструкции с этой страницы.