Создать приложение нейросетью: 9 условий и рабочий файл за вечер
Содержание
- Что выйдет, если просто попросить «сделай приложение для записи клиентов»?
- Как составить запрос, после которого файл дают все три?
- Как превратить ответ чата в приложение на телефоне: 5 шагов
- Почему «похоже на готовое» и «работает» - не одно и то же?
- Что сломалось в приложении, которое выглядело готовым?
- Можно ли починить файл, не умея читать код?
- Можно ли добавить новую возможность словами, ничего не сломав?
- Когда файла хватит, а когда нужен бот?
У частного мастера записи живут в переписке и в блокноте. Завести что-то похожее на приложение хочется давно, платить за программиста - нет. Нейросети обещают «приложение по описанию», и я проверил это буквально: взял три бесплатных чата, отправил один и тот же запрос, а потом запустил каждый полученный файл и попользовался им руками.
КороткоФайл, который открывается на телефоне и ведёт записи, бесплатная нейросеть собирает за один запрос - но только если в запросе есть девять условий. На голую просьбу «сделай приложение» файл дал один чат из трёх, два других выдали план для программиста. А из трёх файлов по анкете при запуске работают два: третий принимает запись, сохраняет её в памяти браузера и не показывает ни одной - из-за расхождения в один символ между двумя строками его же кода.
Если запись клиентов - не разовая задача, а каждый день, такую работу я настраиваю под ключ: бот принимает записи сам.
Обсудить проект →Что выйдет, если просто попросить «сделай приложение для записи клиентов»?
Я отправил эту фразу без единого уточнения в три бесплатных чата: ГигаЧат (гостём, без входа в аккаунт), Алису и DeepSeek. Ответы разошлись настолько, что общая фраза «нейросети умеют делать приложения» смысла уже не имеет - надо смотреть, какая и в ответ на что.
Итог первой попытки: файл, который можно открыть, дал один чат из трёх. Два отправили меня туда, где нужен программист. Но и у единственного файла нашлась своя беда - моих услуг и цен в нём не было. Вместо них DeepSeek придумал статусы записи: «Новая», «Подтверждена», «Выполнена». Строки с суммой за день не сделал вовсе. Приложение получилось рабочее, но не про мой бизнес: ни одной из трёх цен, которые мастеру нужны каждый день, в нём нет.
Вывод, который экономит вечер: чат не угадывает ваше дело. Он пишет приложение «вообще про запись клиентов» - и расходится с вашим ровно в тех местах, которыми вы пользуетесь каждый день.
Как составить запрос, после которого файл дают все три?
Я переписал ту же просьбу в анкету: девять условий, каждое проверяемое. Главных из них три. «Один файл, весь код внутри» - иначе чат разложит проект по папкам и их придётся собирать. «Без библиотек и ссылок в интернет» - иначе файл будет работать, пока открыт интернет, и перестанет в самый неподходящий момент. «Хранить записи в памяти браузера» - иначе после перезагрузки страницы список окажется пустым.
В ответ придёт простыня кода - читать её не надо. Проверьте глазами одно: блок кода один и начинается он с <!DOCTYPE html>. С этой анкетой файл дали все трое, и быстро: ГигаЧат за 12 секунд, Алиса за 49. Свои услуги и цены подставьте в пункт 4, остальные восемь условий меняются редко.
Если дело не в маникюре, меняется только первая строка и пункт 4. Вот та же анкета под любое занятие, где записывают людей на время, - автосервис, репетитор, массаж, ремонт техники:
В ответ придёт тот же файл с вашими позициями в списке услуг. Проверьте в нём одно: все ваши цены на месте и сумма за день считается по ним - именно на этом месте у меня сломался один файл из трёх.
Как превратить ответ чата в приложение на телефоне: 5 шагов
- Шаг 1. Скопируйте код целикомНажмите в чате кнопку копирования над блоком кода. Если кнопки нет, выделите блок от первой строки до последней - важно не потерять последнюю, без неё файл не откроется.
- Шаг 2. Сохраните в файл с расширением .htmlОткройте «Блокнот», вставьте код и сохраните как zapis.html. В окне сохранения выберите тип «Все файлы» - иначе получится zapis.html.txt, и вместо приложения откроется текст.
- Шаг 3. Откройте файл двойным щелчкомОн откроется в браузере и будет выглядеть как приложение. Интернет для этого не нужен: при соблюдённом условии 2 внутри файла нет ни одной ссылки наружу - у всех трёх моих файлов внешних адресов оказалось ноль.
- Шаг 4. Перенесите файл на телефонОтправьте его себе сообщением и откройте на телефоне в браузере, затем добавьте страницу на главный экран - появится значок, как у обычного приложения. Записи будут жить на том устройстве, где вы их заводите.
- Шаг 5. Проверьте пятью действиямиДобавьте запись, перезагрузите страницу, сверьте сумму, удалите запись, пролистайте на телефоне влево-вправо. Этот шаг пропускать нельзя: ниже я показываю, почему именно он отличает приложение от картинки приложения.
Почему «похоже на готовое» и «работает» - не одно и то же?
Полученный код я не стал читать глазами. Вместо этого написал проверку, которая открывает каждый файл в браузере и пользуется им как человек: заполняет форму, выбирает услугу, нажимает кнопку, перезагружает страницу, нажимает удаление и замеряет ширину экрана. Девять проверок на файл. Три записи везде одни и те же - маникюр, педикюр и покрытие, то есть 1500 плюс 2000 плюс 800. Правильный ответ в строке итога известен заранее: 4 300.
Девять проверок из девяти прошли два файла из трёх. Третий провалил четыре - и его стоит разобрать подробно, потому что на экране он выглядит точно так же, как рабочие.
Что сломалось в приложении, которое выглядело готовым?
Файл Алисы открывается, форма на месте, поля заполняются, услуги с правильными ценами в списке, кнопка нажимается. И ничего не происходит. Список пуст, под ним честно написано «Итого за день: 0».
Самое неприятное: запись при этом не теряется. Я заглянул в память браузера - она там лежит целиком: имя, телефон, услуга «Маникюр 1500», дата и время. То есть половина приложения работает, а вторая половина не показывает результат. Человек без опыта в коде сделает единственный доступный вывод - «не получилось» - и выбросит файл, в котором данные на самом деле сохраняются.
Причина - расхождение между двумя строками, которые Алиса написала сама. В списке услуг цена отделена от названия пробелом: value="Маникюр 1500". А там, где приложение рисует список, та же строка разрезается по тире с пробелами: split(' — '). Тире в сохранённой строке нет, разрезать нечего, цена получается пустой - и попытка её обработать обрывает рисование всего списка целиком. Один символ, два разных решения в одном файле.
Что дело именно в этом, я проверил: поправил одну строку, не трогая больше ничего. Те же данные, тот же файл - запись появилась в списке, в итоге встало «1500», ошибок ноль. Приложение было в одном символе от рабочего.
Можно ли починить файл, не умея читать код?
Читать код для этого не нужно: браузер сам называет причину. На компьютере нажмите F12 и откройте вкладку «Console» - красная строка там и есть то, что сломалось. Её можно отдать чату целиком.
В ответ должна прийти одна конкретная строка на замену и объяснение в одну фразу. Если вместо этого чат переписывает весь файл - просите именно строку: так вы не потеряете то, что уже работало.
Но и тут нельзя верить на слово, и это я тоже проверил запуском. Я отдал Алисе её же ошибку и её же строку. Причину она назвала неверно: «поле record.service равно undefined» - хотя в памяти браузера в этом поле лежит «Маникюр 1500», я это видел своими глазами. Правку она предложила под свой неверный диагноз: подставить пустые значения, если поле пустое. Я применил её буквально и запустил снова - ошибка та же, список так же пуст, итог так же ноль. Починка не починила ничего.
Отсюда правило, которое дороже любого запроса: правку от чата принимает не ваша вера в неё, а запуск. Применили - проверили пятью действиями. Не помогло - скажите «не помогло, ошибка осталась та же» и приложите строку заново.
Можно ли добавить новую возможность словами, ничего не сломав?
Проверил и это. В том же чате, сразу после файла, я попросил: «добавь поиск записей по телефону клиента, поле поиска над списком, остальное не меняй». Потом прогнал новый файл через те же девять проверок и отдельно проверил сам поиск - положил две записи с разными телефонами и ввёл цифры одного.
ГигаЧат: правка удалась
Поиск фильтрует верно: нужная запись осталась, чужая скрылась. Ошибок ноль, итог по-прежнему 4 300, остальные восемь проверок целы. Файл подрос с 8 до 9 КБ.
Алиса: правка перевезла поломку
Поле поиска появилось, но записей в списке по-прежнему ноль из двух. Просьбу «остальное не меняй» чат выполнил буквально - вместе с дефектом.
DeepSeek: ответа не дождался
На правку он молчал больше трёх минут в двух попытках подряд, хотя первый файл выдал за 41 секунду. Второй длинный код в бесплатном чате - не гарантия.
Вывод для дела простой: правка словами работает, но каждую версию надо проверять заново теми же пятью действиями. И пока файл работает - храните его копию отдельно, до того как попросите что-то добавить.
Первый риск из этого списка - потерю записей вместе с памятью браузера - закрывают сразу, одной кнопкой. Попросите её в том же чате, не дожидаясь, пока записей накопится на месяц:
После правки проверьте две вещи: кнопка действительно копирует текст (вставьте его куда-нибудь) и прежние пять действий из памятки всё ещё работают. У меня одна из трёх правок словами уехала вместе со старой поломкой - поэтому проверять надо каждую версию, а не только первую.
Когда файла хватит, а когда нужен бот?
Файла хватает, если записи ведёт один человек с одного телефона и задача - перестать терять их в переписке. Это честный шаг вперёд от блокнота, и он стоит один вечер.
Как только появляется второй мастер, запись без вашего участия или напоминания клиентам - файл заканчивается. Нужен бот: он принимает записи сам, видит занятое время и пишет клиенту накануне. Я собрал такой и выложил рабочее демо - телеграм-бот, который сам записывает клиентов: можно нажать и посмотреть, как это выглядит со стороны клиента.
Разница между файлом и ботом не в сложности кода, а в том, где живут данные и кто имеет к ним доступ. Код для обоих пишет нейросеть. Решение о том, где хранить записи клиентов, остаётся за вами.
Где вообще предел сборки «словами, без программиста» - об этом вайбкодинг: что это простыми словами. Соседние задачи: нейросеть для создания сайта и как создать бота в Телеграм. А про то, что в мобильных приложениях с ИИ правда бесплатно, - бесплатный гайд Мобильное приложение с ИИ: что даром, а за что платить.
Можно создать приложение нейросетью бесплатно?
Да. Все три чата в проверке - ГигаЧат, Алиса и DeepSeek - бесплатные, ГигаЧат работал вообще без входа в аккаунт. За сам файл платить не нужно. Платить придётся, если понадобится сервер, чтобы приложением пользовался кто-то кроме вас.
Это настоящее приложение или просто страница?
Это страница, которая ведёт себя как приложение: открывается на телефоне, добавляется значком на главный экран, работает без интернета и помнит записи. Для задачи «перестать терять записи» этого достаточно. Приложением из App Store или Google Play она не станет.
Почему приложение добавляет запись, но список пустой?
Чаще всего чат по-разному записал одно и то же значение в двух местах своего кода - так было у файла Алисы: в списке услуг цена отделена пробелом, а при выводе строка резалась по тире. Данные при этом сохраняются. Нажмите F12, откройте вкладку Console и отдайте красную строку оттуда чату запросом из статьи - но проверьте правку запуском: Алиса на свою же ошибку дала починку, которая ничего не починила.
Куда попадают записи и можно ли их потерять?
В память браузера на том устройстве, где вы их завели. Потерять можно: при очистке данных браузера записи исчезнут, на другом телефоне их не будет. Если записи важны, раз в неделю выписывайте их отдельно или переходите на бота с базой.
Какой чат справился лучше?
По девяти проверкам одинаково - DeepSeek и ГигаЧат, по девять из девяти. ГигаЧат вдобавок единственный, у кого удалась правка словами. Но на голую просьбу без анкеты файл дал только DeepSeek, а ГигаЧат прямо ответил, что приложение сделать не может. Дело не в чате, а в том, насколько подробен запрос.
Можно ли так сделать запись для клиентов на сайте?
Нет. Файл на вашем телефоне клиент не откроет: ему нужен адрес в интернете, а записи должны попадать в общее хранилище, а не в браузер одного устройства. Это уже бот или страница на сервере - посмотрите демо по ссылке выше.
Вайбкодинг: что это простыми словами и 3 пробы без программиста
Нейросеть для создания сайта: что она соберёт сама и где вы упрётесь
Как создать бота в Телеграм своими руками - и где заканчивается бесплатный путь
Записи клиентов могут приходить сами
Файл из этой статьи - честный первый шаг: он убирает блокнот. Но записывать всё равно будете вы, и напоминать клиентам тоже вы. Я собираю ботов, которые делают это сами: принимают запись, держат расписание, пишут клиенту накануне и складывают всё в одно место, куда вы заходите с любого устройства. Расскажите, как у вас сейчас устроена запись, - посмотрю и скажу, что можно отдать боту уже на этой неделе.
Обсудить проект →