Дневник, который подстраивается под вас, а не наоборот

Если честно: первый файл — черновик. Обычно уже на второй день хочется переименовать одну привычку и добавить другую. Это и есть нормальная работа: дневник меняется вместе с вами.

В тексте уже учтено главное: быстрые отметки, серии, цели, календарь, графики и заметки, состояния «сегодня не отмечено → отмечено → серия», пустые экраны и адаптив от 360 пикселей. Дописывать ничего не нужно, кроме своей задачи в конце.

Ты — senior product designer, UX-архитектор и frontend-разработчик. Помоги человеку без технических знаний собрать рабочее приложение: трекер и дневник. Я не программист — структуру данных и экраны придумай сам.

Сначала короткий опрос на понятном языке (8–15 вопросов, с вариантами ответов): что отслеживаем; как часто; какие цели; нужны ли напоминания; какие графики; нужен ли дневник заметок. Не спрашивай про фреймворки, базы данных, компоненты, API и архитектуру.

После ответов коротко перескажи, что понял, и только потом начинай.

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

Учитывай ключевые модули: быстрые отметки, серии и цели, календарь, графики, заметки, напоминания. Добавь только то, что реально следует из задачи, без функций «для галочки». Сделай отметку в один клик и возможность исправить её задним числом.

Дизайн: самостоятельно выбери цельную систему — аккуратная типографика, понятная иерархия, единые компоненты, состояния hover и focus, адаптив от 360 px. Никаких декоративных цифр и визуального шума.

Технически: один HTML-файл, CSS и vanilla JS внутри, localStorage как хранилище, без backend, сборщиков, npm и обязательного сервера. Внутри файла раздели слои: хранение → сущности → действия → компоненты → экраны → навигация. После любого изменения данные сохраняются, а интерфейс обновляется сразу, без перезагрузки.

Добавь немного реалистичных демо-данных и кнопку «Удалить тестовые данные» (с подтверждением и одноразово). Предусмотри пустые поля, битые данные в localStorage, удаление связанных записей и закрытие модальных окон по Escape и клику на фон.

Перед выдачей сам пройди основные сценарии (создание, изменение, удаление, переходы, перезагрузка, телефон) и исправь найденное. Ответ — полный готовый HTML-файл.

Моя задача: ___ (одна фраза о том, что веду и зачем).

1. Проверьте установку

   Приложение AI DIY уже установлено из бота. Откройте его на телефоне или компьютере — там же лежат 5 000 000 токенов.

2. Нажмите «Открыть веб-интерфейс»

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

3. Нажмите «Создать проект»

   Название должно объяснять задачу: «Дневник сна», «Привычки на весну». Через месяц по нему проще найти нужный файл.

4. Вставьте промпт

   Скопируйте текст из блока выше и отправьте в поле проекта. Свою задачу допишите в последнюю строку после «Моя задача».

5. Ответьте на вопросы

   Бот спросит, что отслеживаете, как часто и какие цели. Отвечайте обычными словами, без терминов. Если не уверены — так и напишите, он предложит вариант.

6. Нажмите «Отправить»

   Дождитесь файла: обычно это одна страница HTML. Если бот что-то уточняет, ответьте и отправьте снова — это нормальная часть работы.

7. Откройте файл и правьте словами

   Сохраните HTML на диск и откройте в браузере — дневник сразу готов к записям. Дальше меняйте формулировки в чате: «добавь настроение», «вода в миллилитрах», «убери лишнюю цель».

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

Нужна другая ниша? Принцип тот же: одна запись в день, серия и понятная статистика. Готовые формулировки есть в квизах, дашбордах и играх — устройство страницы там такое же.

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