Трекер привычек без кода: как собрать приложение с ИИ
Трекер привычек без кода: как собрать приложение с ИИ
Чтобы сделать трекер привычек без кода, опишите в промпте, что отмечает пользователь, за какой период он видит прогресс и нужен ли вход, а ИИ-билдер соберёт приложение сам. В Zugo сборка стоит 6 кредитов и занимает около минуты. Данные и авторизацию даёт коннектор Supabase, готовый проект выгружается в GitHub.
Трекер привычек кажется простым, и в этом ловушка. Половина работы это не интерфейс, а решение о том, где живут отметки и кому они видны.
Что должен уметь трекер привычек на самом деле?
Три вещи, и все они про один экран. Показать список привычек на сегодня, дать отметить выполнение одним нажатием и показать серию подряд идущих дней. Всё остальное это надстройки, которые можно добавить позже.
Серия дней важнее статистики. Люди возвращаются в трекер не ради графиков, а ради нежелания обнулить цепочку. Если серия не видна с первого экрана, приложение теряет главный механизм удержания и превращается в список дел.
Второй по важности элемент это скорость отметки. Любой лишний шаг между открытием приложения и галочкой убивает привычку пользоваться трекером. Отметка должна быть первым, что доступно, а не тем, что находится за меню и двумя переходами.
Третье решение принимается до сборки: приложение для вас одного или для многих людей. Личный трекер обходится без входа и хранит данные проще. Публичный требует авторизации и разделения данных по пользователям, а это уже другой уровень аккуратности.
Что написать в промпте?
Билдер придумает раскладку экранов и оформление. Ваша модель данных и правила подсчёта серий из воздуха не появятся, поэтому их нужно назвать.
Сделай веб-приложение «трекер привычек».
Пользователь регистрируется по почте и видит только свои данные.
Привычка: название, цвет, периодичность (каждый день,
выбранные дни недели, N раз в неделю), напоминание в [время].
Главный экран: список привычек на сегодня, отметка одним нажатием,
текущая серия дней и лучшая серия по каждой привычке.
Экран истории: календарь на месяц с закрашенными днями,
процент выполнения за месяц.
Экран привычки: редактирование, архивирование, удаление,
заметка к конкретному дню.
Правило серии: серия обнуляется, если пропущен день,
для которого привычка была запланирована.
Тон интерфейса: спокойный, без наград и лозунгов.
Правило обнуления серии пропишите явно. Это единственное место, где разные трекеры ведут себя по-разному, и билдер выберет свой вариант, если вы не выберете свой. Ошибка здесь заметна пользователю сразу и раздражает сильнее, чем кривые отступы.
Какие экраны нужны и что на них?
| Экран | Задача | Что положить в промпт |
|---|---|---|
| Сегодня | Отметить выполнение за секунду | Список привычек, отметка, текущая серия |
| История | Увидеть картину за месяц | Календарь, закрашенные дни, процент выполнения |
| Привычка | Настроить и не потерять данные | Периодичность, цвет, напоминание, архивирование |
| Профиль | Понять, что данные мои | Вход, выход, экспорт отметок, удаление аккаунта |
Четырёх экранов достаточно для рабочей версии. Соблазн добавить друзей, соревнования и достижения стоит отложить: они удваивают сложность и почти не влияют на то, вернётся ли человек завтра.
Отдельно про экран профиля. Кнопка выгрузки отметок в файл выглядит мелочью, но именно она отличает инструмент, которому доверяют, от инструмента, из которого страшно уходить. Человек, который знает, что может забрать свою историю за год, спокойнее ей и пользуется. Сделать её стоит сразу, пока данных мало и формат ещё не оброс исключениями.
Где хранить отметки пользователей?
Тут развилка. Встроенное хранилище Zugo даёт работающее приложение без внешнего аккаунта: попросили сохранять данные, и они сохраняются. Для личного трекера или проверки идеи этого хватает, и это самый короткий путь от промпта до работающего экрана.
Коннектор Supabase нужен, когда пользователей больше одного. Он даёт настоящую базу Postgres и вход по почте под вашим аккаунтом, а значит вы можете открыть дашборд, посмотреть таблицы, выгрузить данные и не зависеть от одного инструмента. Разбор обеих схем лежит в статье приложение с Supabase.
Фразу «каждый пользователь видит только свои отметки» надо написать в промпте буквально. Она сообщает билдеру, что данные привязаны к вошедшему человеку, а не общие. Без неё легко получить трекер, где все видят чужие галочки.
Перед тем как пускать в приложение настоящих людей, откройте правила доступа в дашборде Supabase и проверьте, кто что может читать. Сгенерированная схема это хорошая отправная точка, а не финальная модель данных.
Сколько это стоит в кредитах?
| Действие | Кредитов | Комментарий |
|---|---|---|
| Сборка приложения | 6 | Занимает около минуты |
| Многостраничная версия | 12 | 12 за первые три страницы, дальше по 3 |
| Одна правка после запуска | 3 | Новое правило серии, другой порядок блоков |
| Сборка в режиме Hi-Fi | 12 | Повышенная детализация, вдвое дороже обычной |
| Правка в режиме Hi-Fi | 6 | Тоже вдвое дороже обычной |
Free даёт 5 кредитов, чего не хватает даже на одну полную сборку: это способ посмотреть на процесс. Pro стоит $25 в месяц и даёт 200 кредитов, Business стоит $99 в месяц.
Перед выдачей сборка запускается в песочнице, и приложение, которое не открылось, отмечается как ошибка вместо пустого экрана. Риск это снижает, но не убирает: нажмите свои же галочки и перезагрузите страницу, прежде чем звать кого-то ещё.
Как дорабатывать трекер после первой сборки?
Правками, по одной за раз. «Добавь возможность ставить привычке цель три раза в неделю и считай серию по неделям, а не по дням» это одна правка за 3 кредита. Такой ритм лучше, чем пытаться описать идеальное приложение одним огромным промптом.
Очень специфичная логика доводится именно так. Заморозка серии на отпуск, разные правила для разных привычек, перенос отметки задним числом: каждая мелочь это отдельная фраза, и после трёх-четырёх итераций поведение становится вашим, а не усреднённым.
Готовые точки старта тоже помогают: в Zugo есть 25 шаблонов, из них 5 игровых. Если хочется сначала понять сам процесс, начните с общего разбора как создать приложение нейросетью.
Что проверить перед тем, как показывать трекер другим?
Четыре вещи, каждая из которых ломает доверие к приложению в первый же день. Первая: перезагрузка страницы. Отметьте привычку, обновите вкладку и убедитесь, что галочка осталась. Если отметка живёт только в памяти браузера, приложение бесполезно.
Вторая: смена дня. Это самое частое место ошибки в трекерах. Отметьте привычку, поменяйте дату на устройстве или подождите до полуночи и проверьте, что вчерашняя отметка не пропала, а сегодня список снова пустой и серия выросла на единицу.
Третья: разделение пользователей. Заведите второй аккаунт с другой почтой и убедитесь, что он не видит ваши привычки. Проверять это надо именно вторым аккаунтом, а не на слово: правило видимости легко описать в промпте и легко получить неработающим.
Четвёртая: пропуск. Специально не отмечайте привычку день и посмотрите, что случилось с серией. Если она не обнулилась вопреки вашему правилу, значит билдер понял условие иначе, и это чинится одной правкой за 3 кредита.
Пять минут такой проверки экономят неделю недоумения. Разбирать чужие жалобы на потерянные отметки заметно дороже, чем самому нажать четыре кнопки.
Где ИИ-билдер не справится?
- Мобильное приложение в сторах. Zugo собирает веб-проекты. Трекер откроется в браузере телефона, но это не то же самое, что иконка на домашнем экране из App Store.
- Push-уведомления. Напоминания в вебе работают ограниченно и по-разному в разных браузерах. Полноценные пуши это отдельная инженерная задача.
- Офлайн-режим. Отметки без интернета с синхронизацией потом требуют осознанной архитектуры, а не одного промпта.
- Сложная социальная механика. Друзья, рейтинги, совместные челленджи доводятся серией правок и всё равно потребуют внимания к правам доступа.
Zugo не заменяет команду разработки на этих задачах. Он закрывает другое: рабочий трекер с настоящей базой и входом за минуту вместо недели.
С чего начать?
Соберите версию на один экран: список привычек, отметка и серия дней. Пользуйтесь ей неделю сами. Через неделю вы точно будете знать, какие два изменения нужны, и это знание стоит дороже любого списка функций, придуманного заранее.
Если по ходу окажется, что вам нужен не трекер привычек, а учёт вещей или задач, посмотрите соседний сценарий в статье про учёт склада: модель данных там устроена похоже. Свой трекер описывайте на zugo.dev одной фразой о том, что именно вы хотите отмечать каждый день.