Личный пример автора · один HTML

Мне нужен был свой трекер. Я его сделал.

Я Владимир, автор Kapsula. Сделал себе трекер отказа от сладкого: счётчик дней, рекорд и короткая заметка «зачем». У меня он работает. Возможно, вам нужен свой — с другими правилами и текстами.

Весь инструмент — один HTML-файл со стилями и JavaScript внутри. Его можно добавить в Kapsula на Android или iPhone, а потом менять под себя.

Скачать авторский HTML Сделать свой с ИИ

Файл и интерфейс трекера на русском. В нём мои личные правила и формулировки; это не рекомендации по питанию. Вы можете заменить их своими.

Можно нажимать кнопки · демонстрационные данные

9:41▂▄▆ ▰

Веб-предпросмотр. Показанные дни — пример, не мой результат. Изменения живут только до перезагрузки; системных уведомлений здесь нет.

Мало функций. Всё под себя.

Дата начала и число прошедших дней — счётчик пересчитывается по календарю при открытии.
Лучшая серия и перезапуск с подтверждением: рекорд остаётся.
Свои правила и заметка «зачем» — без чужой системы целей.
В Kapsula состояние сохраняется в хранилище проекта на устройстве.

Как попробовать на телефоне

Установите Kapsula из Google Play / App Store.
Скачайте HTML выше. В Kapsula нажмите «Добавить проект» и выберите файл. Можно также вставить весь код в формате HTML.
Выберите дату и запишите своё «зачем». Закройте проект и откройте снова — проверьте, что данные сохранились.

Для своих проектов нужен Kapsula Pro: месячная подписка или покупка навсегда. Семидневный пробный период доступен подходящим пользователям; актуальные условия показывает магазин. Встроенное демо бесплатно.

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

Авторская версия ставит одно уведомление на ближайший вечер и обновляет его при открытии трекера. После его срабатывания следующее само не появится, если больше не заходить. JavaScript не продолжает работать в фоне; доставка зависит от разрешений и настроек телефона. Проверьте напоминание на своём устройстве.

А теперь — трекер под вашу привычку

Скопируйте запрос в свой AI-чат. Замените название и правила на свои. Это новый промпт для похожего инструмента, а не исходный запрос, которым получен мой файл. Первая версия — без напоминаний, чтобы начать со счётчика и сохранения.

Промпт для своего трекера

Сделай личный трекер привычки для Kapsula. Ответ — один полный HTML-файл с CSS и JavaScript внутри, без Markdown-ограждений, сервера, CDN, внешних шрифтов, библиотек и сборки.

Этот запрос — для нового похожего трекера. Это не исходный промпт автора существующего примера.

МОЯ ЗАДАЧА
Название: «Моя привычка» (оставь название и тексты в одном понятном месте в коде, чтобы я мог их заменить).
Хочу сам выбрать дату начала, видеть число прошедших календарных дней и лучшую серию, записать своё «зачем» и собственные правила. Отдельная кнопка «Начать заново» с подтверждением: сохранить рекорд, увеличить число перезапусков и начать с сегодняшней даты. Тексты нейтральные, без медицинских обещаний и оценок человека.

ИНТЕРФЕЙС
На русском, удобный для телефона, тёмный фон, крупная цифра, заметные кнопки, отступы safe-area. Доступные подписи полей. Дату можно изменить; будущие и несуществующие даты отклонять с понятным сообщением. Счётчик показывает 0 в день начала и разницу календарных дат после этого; смена часового пояса и летнего времени не должна превращать сутки в дробное число дней. При возврате в приложение обновлять экран по текущей дате.

СРЕДА И ХРАНЕНИЕ
В Kapsula доступен window.kapsula. До работы с мостом дождись await kapsula.ready.
API:
- await kapsula.storage.get(key) -> JSON-значение или null.
- await kapsula.storage.set(key, value) -> Promise.
- await kapsula.haptics.vibrate(ms) -> Promise, необязательно.
Храни состояние в одном документированном ключе, например personal-habit-v1; внутри укажи версию структуры. Проверяй данные после чтения. При несовместимых или повреждённых данных покажи ошибку, не перезаписывай их пустым состоянием. После успешного сохранения подтверждай действие; при ошибке покажи её, сохрани пользовательский ввод и дай повторить. На время асинхронного действия блокируй повторное нажатие. Не маскируй ошибку Kapsula.storage переключением на localStorage.

В обычном браузере можно использовать localStorage для отдельного предпросмотра. Явно подпиши этот режим и поясни: данные браузера не переносятся в Kapsula автоматически. Если localStorage недоступен, тоже покажи ошибку. Пользовательский текст выводи через textContent, не через innerHTML.

ГРАНИЦЫ ПЕРВОЙ ВЕРСИИ
Не добавляй напоминания, регистрацию, сеть или аналитику. Хочу сначала проверить счётчик, перезапуск и восстановление данных после закрытия. Проверь, что рекорд сохраняется и не уменьшается при перезапуске, отмена ничего не меняет, а ошибка сохранения не выглядит как успех.

ЕСЛИ Я ПОЗЖЕ ПОПРОШУ НАПОМИНАНИЕ
Не добавляй его до отдельной просьбы. Доступные API Kapsula:
- await kapsula.notify.schedule({at: epochMs, title, body}) -> {id}.
- await kapsula.notify.cancel(id) -> {cancelled}; вызов без id отменяет все уведомления этого проекта.
- await kapsula.notify.list() -> массив запланированных уведомлений.
Это разовые уведомления. JavaScript в фоне не продолжает работу. Не выдумывай repeat/daily, Web Push, service worker или фоновый setInterval. При одной ближайшей постановке прямо напиши в интерфейсе, что следующее напоминание обновляется при открытии. Доставку определяют разрешения и настройки ОС. Обрабатывай ошибки разрешения и планирования; повторные открытия не должны создавать дубли.

ДОРАБОТКА
Если я пришлю предыдущий исходник для изменения, сохрани ключ хранения и совместимость старых записей. Не сбрасывай историю и не мигрируй данные молча.

Скачать текст

Попросите поменять то, что вам мешает

«Добавь мою цель», «Покажи недели», «Сделай кнопки крупнее». Передайте ИИ прежний исходник и попросите сохранить ключи хранилища и совместимость данных. В Kapsula откройте «Обновить код» в настройках того же проекта — тогда его хранилище останется.

Так же можно придумать себе трекер чтения или занятий на гитаре. Начните с того, что нужно лично вам.