Перейти к содержимому

Трекер привычек без кода: как собрать приложение с ИИ

Трекер привычек без кода: как собрать приложение с ИИ

Чтобы сделать трекер привычек без кода, опишите в промпте, что отмечает пользователь, за какой период он видит прогресс и нужен ли вход, а ИИ-билдер соберёт приложение сам. В Zugo сборка стоит 600 кредитов и занимает около минуты. Данные и авторизацию даёт коннектор Supabase, готовый проект выгружается в GitHub.

Трекер привычек кажется простым, и в этом ловушка. Половина работы это не интерфейс, а решение о том, где живут отметки и кому они видны.

Что должен уметь трекер привычек на самом деле?

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

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

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

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

Что написать в промпте?

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

Сделай веб-приложение «трекер привычек».
Пользователь регистрируется по почте и видит только свои данные.
Привычка: название, цвет, периодичность (каждый день,
выбранные дни недели, N раз в неделю), напоминание в [время].
Главный экран: список привычек на сегодня, отметка одним нажатием,
текущая серия дней и лучшая серия по каждой привычке.
Экран истории: календарь на месяц с закрашенными днями,
процент выполнения за месяц.
Экран привычки: редактирование, архивирование, удаление,
заметка к конкретному дню.
Правило серии: серия обнуляется, если пропущен день,
для которого привычка была запланирована.
Тон интерфейса: спокойный, без наград и лозунгов.

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

Какие экраны нужны и что на них?

Экран Задача Что положить в промпт
Сегодня Отметить выполнение за секунду Список привычек, отметка, текущая серия
История Увидеть картину за месяц Календарь, закрашенные дни, процент выполнения
Привычка Настроить и не потерять данные Периодичность, цвет, напоминание, архивирование
Профиль Понять, что данные мои Вход, выход, экспорт отметок, удаление аккаунта

Четырёх экранов достаточно для рабочей версии. Соблазн добавить друзей, соревнования и достижения стоит отложить: они удваивают сложность и почти не влияют на то, вернётся ли человек завтра.

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

Где хранить отметки пользователей?

Тут развилка. Встроенное хранилище Zugo даёт работающее приложение без внешнего аккаунта: попросили сохранять данные, и они сохраняются. Для личного трекера или проверки идеи этого хватает, и это самый короткий путь от промпта до работающего экрана.

Коннектор Supabase нужен, когда пользователей больше одного. Он даёт настоящую базу Postgres и вход по почте под вашим аккаунтом, а значит вы можете открыть дашборд, посмотреть таблицы, выгрузить данные и не зависеть от одного инструмента. Разбор обеих схем лежит в статье приложение с Supabase.

Фразу «каждый пользователь видит только свои отметки» надо написать в промпте буквально. Она сообщает билдеру, что данные привязаны к вошедшему человеку, а не общие. Без неё легко получить трекер, где все видят чужие галочки.

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

Сколько это стоит в кредитах?

Действие Кредитов Комментарий
Сборка приложения 600 Занимает около минуты
Многостраничная версия 1 200 12 за первые три страницы, дальше по 3
Одна правка после запуска 300 Новое правило серии, другой порядок блоков
Сборка в режиме Hi-Fi 1 200 Повышенная детализация, вдвое дороже обычной
Правка в режиме Hi-Fi 600 Тоже вдвое дороже обычной

Free даёт 2 400 кредитов, чего не хватает даже на одну полную сборку: это способ посмотреть на процесс. Pro стоит $25 в месяц и даёт 20 000 кредитов, Business стоит $50 в месяц.

Перед выдачей сборка запускается в песочнице, и приложение, которое не открылось, отмечается как ошибка вместо пустого экрана. Риск это снижает, но не убирает: нажмите свои же галочки и перезагрузите страницу, прежде чем звать кого-то ещё.

Как дорабатывать трекер после первой сборки?

Правками, по одной за раз. «Добавь возможность ставить привычке цель три раза в неделю и считай серию по неделям, а не по дням» это одна правка за 300 кредитов. Такой ритм лучше, чем пытаться описать идеальное приложение одним огромным промптом.

Очень специфичная логика доводится именно так. Заморозка серии на отпуск, разные правила для разных привычек, перенос отметки задним числом: каждая мелочь это отдельная фраза, и после трёх-четырёх итераций поведение становится вашим, а не усреднённым.

Готовые точки старта тоже помогают: в Zugo есть 25 шаблонов, из них 5 игровых. Если хочется сначала понять сам процесс, начните с общего разбора как создать приложение нейросетью.

Что проверить перед тем, как показывать трекер другим?

Четыре вещи, каждая из которых ломает доверие к приложению в первый же день. Первая: перезагрузка страницы. Отметьте привычку, обновите вкладку и убедитесь, что галочка осталась. Если отметка живёт только в памяти браузера, приложение бесполезно.

Вторая: смена дня. Это самое частое место ошибки в трекерах. Отметьте привычку, поменяйте дату на устройстве или подождите до полуночи и проверьте, что вчерашняя отметка не пропала, а сегодня список снова пустой и серия выросла на единицу.

Третья: разделение пользователей. Заведите второй аккаунт с другой почтой и убедитесь, что он не видит ваши привычки. Проверять это надо именно вторым аккаунтом, а не на слово: правило видимости легко описать в промпте и легко получить неработающим.

Четвёртая: пропуск. Специально не отмечайте привычку день и посмотрите, что случилось с серией. Если она не обнулилась вопреки вашему правилу, значит билдер понял условие иначе, и это чинится одной правкой за 300 кредитов.

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

Где ИИ-билдер не справится?

  • Мобильное приложение в сторах. Zugo собирает веб-проекты. Трекер откроется в браузере телефона, но это не то же самое, что иконка на домашнем экране из App Store.
  • Push-уведомления. Напоминания в вебе работают ограниченно и по-разному в разных браузерах. Полноценные пуши это отдельная инженерная задача.
  • Офлайн-режим. Отметки без интернета с синхронизацией потом требуют осознанной архитектуры, а не одного промпта.
  • Сложная социальная механика. Друзья, рейтинги, совместные челленджи доводятся серией правок и всё равно потребуют внимания к правам доступа.

Zugo не заменяет команду разработки на этих задачах. Он закрывает другое: рабочий трекер с настоящей базой и входом за минуту вместо недели.

С чего начать?

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

Если по ходу окажется, что вам нужен не трекер привычек, а учёт вещей или задач, посмотрите соседний сценарий в статье про учёт склада: модель данных там устроена похоже. Свой трекер описывайте на zugo.dev одной фразой о том, что именно вы хотите отмечать каждый день.

← Все статьи