Пошаговая сборка · ~15 мин

Трекер воды и лекарств

Большие кнопки «принял / пропустил», экран «сегодня» и история за неделю — всё принятое видно с одного взгляда.

Ты соберёшь это, описав обычными словами, что хочешь, на своём языке. Код пишет Claude, твоя часть — хорошо описать результат и проверить его. Вот весь путь от начала до конца.

ℹЧто у тебя будет в конце

Большие кнопки «принял / пропустил», экран «сегодня» и история за неделю — всё принятое видно с одного взгляда.

Сначала — как вообще говорить с агентом

  1. 1Описывай РЕЗУЛЬТАТ, а не технологию: что на экране, что делает каждая кнопка, что сохраняется. «Как» агент придумает сам.
  2. 2Будь конкретен про экраны и поля — «форма с суммой, категорией и датой» лучше, чем «дай добавлять траты».
  3. 3Проси сначала самую маленькую рабочую версию. Растишь её потом словами — это Шаг 2, а не первое сообщение.
  4. 4Реши, что ТВОЁ, а не агента: задай категории, цвета, правила. Не заставляй его угадывать то, что знаешь только ты.

Шаг 1 — Собери вживую

Как писать промпт под такой инструмент

  1. 1Чётко опиши ОДИН пункт «сегодня»: у каждого лекарства (или цели по воде) есть название, время приёма и на этой строке большие кнопки «принял» и «пропустил» — плюс отдельный счётчик воды с полоской заполнения до дневной цели. Опиши обе кнопки; одна «принял» не даст честной истории.
  2. 2Правила задай сам: каждый пункт отмечается за день, серия приёмов считает дни без единого пропуска и рвётся на пропуске, а вода обнуляется каждое утро. Скажи это, иначе серия и счётчик поведут себя неожиданно.
  3. 3Попроси два экрана: «сегодня» — сплошь крупные кнопки, и «история» — прошлая неделя сеткой зелёных галочек и серых пропусков со счётчиком серии. Добавь «дай самому добавлять, редактировать и менять порядок пунктов», чтобы список был твой, а не фиксированный.
  4. 4Добавь «всё хранится на моём устройстве, это приватный журнал, а не медицинский совет, и что именно я принимаю — с устройства никуда не уходит» — и закончи так: «собери всё целиком, проверь, что работает, и скажи, как именно открыть».
Запусти Claude
claude

Открой терминал и запусти это (если Claude уже запущен — сначала набери /exit). Потом попроси его создать папку под этот проект и работать внутри неё.

Неправильный запрос против правильного
✕ что пишет большинство
you ▸ напоминай мне обо всём
✓ что реально работает — скопируй или, ещё лучше, скажи СВОИМИ словами
you ▸ Собери мне трекер воды и лекарств. Экран «сегодня»: список лекарств и цель по воде, у каждого пункта время приёма и большие кнопки «принял» и «пропустил», плюс счётчик воды с полоской заполнения до дневной цели. Экран истории показывает прошлую неделю сеткой зелёных галочек и серых пропусков, со счётчиком серии за то, что не пропустил ни одного приёма. Дай добавлять, редактировать и менять порядок пунктов. Всё сохраняется на моём устройстве, очень крупные кнопки, чистая читаемая тема. Собери всё целиком, проверь, что работает, и скажи точно, как открыть.
✦✦

Говори на СВОЁМ языке — русском, испанском, любом. Claude поймёт.

Собери прямо сейчас — отмечай по ходу

0/6

Шаг 2 — Собрано. Теперь сделай его своим

ℹClaude написал «открой localhost…» — и что дальше?

Не пугайся технической ссылки. Claude скажет одно из двух. Либо файл вроде index.html — найди его в папке проекта и открой двойным кликом, он откроется в браузере. Либо адрес, начинающийся с http://localhost — скопируй его в адресную строку браузера и нажми Enter. «localhost» просто значит «это работает прямо сейчас на твоём компьютере». Вот он, твой инструмент. Он настоящий.

Теперь докрути его под СЕБЯ — просто говори

Вот часть, которая делает его ТВОИМ. Не соглашайся на первую версию — меняй её, говоря, чего хочешь, прямо в том же чате. Claude пересобирает, ты обновляешь страницу. Доводи, пока не ляжет под то, как ты реально работаешь. Для этого инструмента попробуй, например:

you ▸ добавь дневную цель по воде с полоской прогресса
you ▸ покажи серию галочек за то, что не пропустил ни одного приёма
you ▸ сделай кнопки ещё крупнее и добавь отмену в один тап
✦Как я (Евгений) делаю это сам

Я не печатаю длинные сообщения. Я включаю голосовой ввод (микрофон в ChatGPT или в клавиатуре телефона) и просто НАГОВАРИВАЮ всё, что думаю про то, что он собрал — что не так, что хочу дальше, — потом выделить всё, скопировать и вставить весь поток в Claude Code. Сумбурные устные мысли отлично заходят — агент сам в них разберётся. Это в разы быстрее, чем писать.

Шаг 2.5 — Протестируй как настоящую вещь (с первого раза идеально не будет)

Правда, которую новичкам не говорят: первая сборка — это ЧЕРНОВИК. Агент что-то собрал, ты запустил, нашёл, что не так, сказал ему — и ВОТ этот цикл и есть работа. Код не читай. Пользуйся инструментом как посторонний и смотри, где он тебя подводит. Для этого инструмента проверь именно это:

  1. 1Открой (Claude даст ссылку localhost или файл index — см. Шаг 2) и добавь два лекарства со временем плюс цель по воде, скажем, восемь стаканов.
  2. 2На экране «сегодня» нажми «принял» на одном лекарстве и «пропустил» на другом — каждая строка ясно показывает новое состояние, и серия приёмов реагирует (пропуск НЕ должен сохранять идеальную серию)?
  3. 3Тапни счётчик воды несколько раз и смотри, как полоска ползёт к цели; тапни сверх цели и проверь, что не ломается.
  4. 4Обнови страницу (F5 / Cmd-R). Сегодняшние отметки «принял/пропустил», счётчик воды и серия на месте? Если обнулились — «хранение на устройстве» не подключено, чини это первым делом.
  5. 5Открой экран истории — сегодня показано правильной смесью зелёных галочек и серого пропуска? Это подтверждает, что сегодняшние нажатия реально попадают в неделю.

Нашёл косяк? Скажи вот так

Ты ничего не чинишь сам — ты ОПИСЫВАЕШЬ словами, что не так, и агент чинит. Будь конкретен: что увидел против того, что ожидал. Реальные примеры для этого инструмента:

you ▸ «серия приёмов считается идеальной даже после того, как я нажал «пропустил» — обнуляй серию при любом пропущенном приёме»
you ▸ «при обновлении страницы мои отметки «принял» и «пропустил» и счётчик воды пропадают — сохраняй всё на моём устройстве, чтобы они переживали обновление»
you ▸ «счётчик воды не обнуляется на новый день — сбрасывай его в ноль каждое утро, сохраняя вчерашний день в истории»

Не останавливайся на v1 — развивай

Инструмент, собранный за десять минут, — это старт, а не финиш. Затягивает тех, кто продолжает говорить «а теперь ещё…». Каждая строка ниже — одно предложение, которое ты вставляешь в тот же чат, чтобы прокачать инструмент:

you ▸ «сделай кнопки «принял» и «пропустил» ещё крупнее и добавь отмену в один тап на случай, если нажму не туда» — меньше ошибок спросонья.
you ▸ «добавь дневную цель по воде, которую можно менять, и понятную полоску прогресса к ней» — цель, которую видно, лучше голой цифры.
you ▸ «покажи историю календарём, чтобы с одного взгляда видеть, в какие дни я пропустил приём» — закономерность важнее любого отдельного дня.
you ▸ «добавь по желанию напоминание в Telegram в каждое назначенное время» — подсказка без необходимости открывать приложение (см. API ниже).

Шаг 3 — Подключи к миру (по желанию)

Бесплатные данные и API под это

API — это просто способ для инструмента подтянуть внешние данные или что-то отправить наружу; многие бесплатны. Искать их самому почти не нужно; приём, который работает для ЛЮБОЙ идеи, — попросить агента найти их:

  1. 1Для старта внешний API НЕ нужен — каждый приём, пропуск, счётчик воды и серия живут локально, на твоём устройстве, и приватный журнал здоровья именно так и должен работать.
  2. 2Единственное реально полезное дополнение — Telegram, для необязательного мягкого напоминания в каждое назначенное время — настрой так, чтобы напоминание говорило только «пора отметиться», а что ты реально принимаешь, с устройства не уходило. Спроси Claude: «как присылать себе напоминание в Telegram в заданное время, не раскрывая, о чём оно?»
  3. 3Универсальный приём для ЛЮБОЙ идеи: спроси Claude — «найди бесплатные или открытые API под трекер воды и лекарств и скажи, каким реально нужен ключ». Он перечислит — ты выберешь. И помни: это приватный дневник, а не медицинский совет.

Про оплату ИИ-частей

  1. 1Собирать инструмент в Claude Code можно по подписке Claude (Pro, Max, Team или Enterprise) в пределах её лимитов.
  2. 2Если готовый инструмент сам должен обращаться к Claude (например, писать для тебя тексты), ему нужен отдельный API-ключ из Claude Console, и это оплачивается отдельно, по факту использования.
  3. 3Цены меняются; перед тем как запускать что-то частое, загляни на claude.com/pricing.

Инструмент получает суперсилу, когда умеет общаться с другими сервисами — прислать тебе сообщение, прочитать таблицу, подтянуть живые данные. Каждый сервис выдаёт «API-ключ» (длинный пароль, который говорит «это я»). Для ЭТОГО инструмента полезны:

Какие ключи может использовать этот инструмент

  1. 1Telegram — по желанию мягкое напоминание в каждое назначенное время (что именно ты принимаешь, с устройства никуда не уходит)

Ключ почти везде берётся одинаково: зайти в сервис → Настройки → «API» или «Для разработчиков» → «Создать ключ» → скопировать. Потом попроси Claude: «создай файл .env с пустым местом для этого ключа и проверь, что .env есть в .gitignore», и вставь ключ в этот файл сам. В чат ключ не пиши.

Шаг 4 — Выложи в интернет (только если нужен кому-то ещё)

ℹШаг 4 — Выложи в интернет (только если нужен кому-то ещё)

Только для себя, на своём компьютере? Тогда ты уже закончил — пропусти этот шаг со спокойной совестью. Выкладывай в интернет, только если его должен открывать кто-то ДРУГОЙ или ты хочешь заходить с телефона вне дома.

Шаг 6 — Будь в безопасности (две простые привычки)

  1. 1Делай бэкап того, что жалко потерять. Если инструмент хранит реальные данные (бюджет, дневник здоровья, список клиентов), сразу попроси Claude: «добавь кнопку экспорта/бэкапа» — один клик сохраняет данные в файл. Сделай это до того, как пересоберёшь с нуля или перенесёшь папку.
  2. 2Не давай Claude ключи от опасных комнат. Держи его в папке этого проекта. Никогда не подключай учебный проект к банку, крипте или чему-то необратимому. Чеки и календари — да. Сбережения — нет.
  3. 3Думай, прежде чем просить. Claude делает то, что ты говоришь, в той папке, где вы находитесь. «Оптимизируй мои фото» — оптимизирует, а не удалит — если только ты не попросишь что-то безрассудное. Здравые просьбы, чистое рабочее место — и бояться просто нечего.

Ошибки, на которых останавливается большинство

  1. 1Просить расплывчатое («сделай мне приложение») и получать расплывчатое. Назови экраны, кнопки, что сохраняется.
  2. 2Запихивать десять функций сразу. Сначала попроси крошечную работающую версию — потом наращивай дозапросами.
  3. 3Останавливаться на первой ошибке. Ошибка — не провал: вставь её Claude или опиши, что видишь, и он починит. Этот цикл и ЕСТЬ работа.
  4. 4Решить, что «сначала надо выучить программирование». Тебе не нужно понимать код, который пишет Claude. Тебе нужно описать результат.
  5. 5Не сказать, что значит «готово». Закончи запрос тем, как ты проверишь результат, например: «готово, когда я добавляю пункт и он остаётся после перезагрузки страницы».
  6. 6Строить для воображаемой аудитории. Строй версию, которую ТЫ откроешь завтра. Не полируй — пользуйся сразу.
!Если что-то сломалось

Нормально. Скажи Claude, что не так, обычными словами («кнопка ничего не делает», «страница пустая») или вставь красный текст ошибки. Он найдёт и починит. Ты проверишь. Повторяй, пока не заработает.

checkpoint

Всё. Ты собрал настоящий инструмент.

Ты описал инструмент словами, Claude его собрал, а ты сам проверил. Это и есть весь круг, и для больших инструментов он такой же.