Пошаговая сборка · ~15 мин
Трекер воды и лекарств
Большие кнопки «принял / пропустил», экран «сегодня» и история за неделю — всё принятое видно с одного взгляда.
Ты соберёшь это, описав обычными словами, что хочешь, на своём языке. Код пишет Claude, твоя часть — хорошо описать результат и проверить его. Вот весь путь от начала до конца.
Большие кнопки «принял / пропустил», экран «сегодня» и история за неделю — всё принятое видно с одного взгляда.
Сначала — как вообще говорить с агентом
- 1Описывай РЕЗУЛЬТАТ, а не технологию: что на экране, что делает каждая кнопка, что сохраняется. «Как» агент придумает сам.
- 2Будь конкретен про экраны и поля — «форма с суммой, категорией и датой» лучше, чем «дай добавлять траты».
- 3Проси сначала самую маленькую рабочую версию. Растишь её потом словами — это Шаг 2, а не первое сообщение.
- 4Реши, что ТВОЁ, а не агента: задай категории, цвета, правила. Не заставляй его угадывать то, что знаешь только ты.
Шаг 1 — Собери вживую
Как писать промпт под такой инструмент
- 1Чётко опиши ОДИН пункт «сегодня»: у каждого лекарства (или цели по воде) есть название, время приёма и на этой строке большие кнопки «принял» и «пропустил» — плюс отдельный счётчик воды с полоской заполнения до дневной цели. Опиши обе кнопки; одна «принял» не даст честной истории.
- 2Правила задай сам: каждый пункт отмечается за день, серия приёмов считает дни без единого пропуска и рвётся на пропуске, а вода обнуляется каждое утро. Скажи это, иначе серия и счётчик поведут себя неожиданно.
- 3Попроси два экрана: «сегодня» — сплошь крупные кнопки, и «история» — прошлая неделя сеткой зелёных галочек и серых пропусков со счётчиком серии. Добавь «дай самому добавлять, редактировать и менять порядок пунктов», чтобы список был твой, а не фиксированный.
- 4Добавь «всё хранится на моём устройстве, это приватный журнал, а не медицинский совет, и что именно я принимаю — с устройства никуда не уходит» — и закончи так: «собери всё целиком, проверь, что работает, и скажи, как именно открыть».
claude
Открой терминал и запусти это (если Claude уже запущен — сначала набери /exit). Потом попроси его создать папку под этот проект и работать внутри неё.
Говори на СВОЁМ языке — русском, испанском, любом. Claude поймёт.
Собери прямо сейчас — отмечай по ходу
0/6Шаг 2 — Собрано. Теперь сделай его своим
Не пугайся технической ссылки. Claude скажет одно из двух. Либо файл вроде index.html — найди его в папке проекта и открой двойным кликом, он откроется в браузере. Либо адрес, начинающийся с http://localhost — скопируй его в адресную строку браузера и нажми Enter. «localhost» просто значит «это работает прямо сейчас на твоём компьютере». Вот он, твой инструмент. Он настоящий.
Теперь докрути его под СЕБЯ — просто говори
Вот часть, которая делает его ТВОИМ. Не соглашайся на первую версию — меняй её, говоря, чего хочешь, прямо в том же чате. Claude пересобирает, ты обновляешь страницу. Доводи, пока не ляжет под то, как ты реально работаешь. Для этого инструмента попробуй, например:
Я не печатаю длинные сообщения. Я включаю голосовой ввод (микрофон в ChatGPT или в клавиатуре телефона) и просто НАГОВАРИВАЮ всё, что думаю про то, что он собрал — что не так, что хочу дальше, — потом выделить всё, скопировать и вставить весь поток в Claude Code. Сумбурные устные мысли отлично заходят — агент сам в них разберётся. Это в разы быстрее, чем писать.
Шаг 2.5 — Протестируй как настоящую вещь (с первого раза идеально не будет)
Правда, которую новичкам не говорят: первая сборка — это ЧЕРНОВИК. Агент что-то собрал, ты запустил, нашёл, что не так, сказал ему — и ВОТ этот цикл и есть работа. Код не читай. Пользуйся инструментом как посторонний и смотри, где он тебя подводит. Для этого инструмента проверь именно это:
- 1Открой (Claude даст ссылку localhost или файл index — см. Шаг 2) и добавь два лекарства со временем плюс цель по воде, скажем, восемь стаканов.
- 2На экране «сегодня» нажми «принял» на одном лекарстве и «пропустил» на другом — каждая строка ясно показывает новое состояние, и серия приёмов реагирует (пропуск НЕ должен сохранять идеальную серию)?
- 3Тапни счётчик воды несколько раз и смотри, как полоска ползёт к цели; тапни сверх цели и проверь, что не ломается.
- 4Обнови страницу (F5 / Cmd-R). Сегодняшние отметки «принял/пропустил», счётчик воды и серия на месте? Если обнулились — «хранение на устройстве» не подключено, чини это первым делом.
- 5Открой экран истории — сегодня показано правильной смесью зелёных галочек и серого пропуска? Это подтверждает, что сегодняшние нажатия реально попадают в неделю.
Нашёл косяк? Скажи вот так
Ты ничего не чинишь сам — ты ОПИСЫВАЕШЬ словами, что не так, и агент чинит. Будь конкретен: что увидел против того, что ожидал. Реальные примеры для этого инструмента:
Не останавливайся на v1 — развивай
Инструмент, собранный за десять минут, — это старт, а не финиш. Затягивает тех, кто продолжает говорить «а теперь ещё…». Каждая строка ниже — одно предложение, которое ты вставляешь в тот же чат, чтобы прокачать инструмент:
Шаг 3 — Подключи к миру (по желанию)
Бесплатные данные и API под это
API — это просто способ для инструмента подтянуть внешние данные или что-то отправить наружу; многие бесплатны. Искать их самому почти не нужно; приём, который работает для ЛЮБОЙ идеи, — попросить агента найти их:
- 1Для старта внешний API НЕ нужен — каждый приём, пропуск, счётчик воды и серия живут локально, на твоём устройстве, и приватный журнал здоровья именно так и должен работать.
- 2Единственное реально полезное дополнение — Telegram, для необязательного мягкого напоминания в каждое назначенное время — настрой так, чтобы напоминание говорило только «пора отметиться», а что ты реально принимаешь, с устройства не уходило. Спроси Claude: «как присылать себе напоминание в Telegram в заданное время, не раскрывая, о чём оно?»
- 3Универсальный приём для ЛЮБОЙ идеи: спроси Claude — «найди бесплатные или открытые API под трекер воды и лекарств и скажи, каким реально нужен ключ». Он перечислит — ты выберешь. И помни: это приватный дневник, а не медицинский совет.
Про оплату ИИ-частей
- 1Собирать инструмент в Claude Code можно по подписке Claude (Pro, Max, Team или Enterprise) в пределах её лимитов.
- 2Если готовый инструмент сам должен обращаться к Claude (например, писать для тебя тексты), ему нужен отдельный API-ключ из Claude Console, и это оплачивается отдельно, по факту использования.
- 3Цены меняются; перед тем как запускать что-то частое, загляни на claude.com/pricing.
Инструмент получает суперсилу, когда умеет общаться с другими сервисами — прислать тебе сообщение, прочитать таблицу, подтянуть живые данные. Каждый сервис выдаёт «API-ключ» (длинный пароль, который говорит «это я»). Для ЭТОГО инструмента полезны:
Какие ключи может использовать этот инструмент
- 1Telegram — по желанию мягкое напоминание в каждое назначенное время (что именно ты принимаешь, с устройства никуда не уходит)
Ключ почти везде берётся одинаково: зайти в сервис → Настройки → «API» или «Для разработчиков» → «Создать ключ» → скопировать. Потом попроси Claude: «создай файл .env с пустым местом для этого ключа и проверь, что .env есть в .gitignore», и вставь ключ в этот файл сам. В чат ключ не пиши.
Шаг 4 — Выложи в интернет (только если нужен кому-то ещё)
Только для себя, на своём компьютере? Тогда ты уже закончил — пропусти этот шаг со спокойной совестью. Выкладывай в интернет, только если его должен открывать кто-то ДРУГОЙ или ты хочешь заходить с телефона вне дома.
Шаг 6 — Будь в безопасности (две простые привычки)
- 1Делай бэкап того, что жалко потерять. Если инструмент хранит реальные данные (бюджет, дневник здоровья, список клиентов), сразу попроси Claude: «добавь кнопку экспорта/бэкапа» — один клик сохраняет данные в файл. Сделай это до того, как пересоберёшь с нуля или перенесёшь папку.
- 2Не давай Claude ключи от опасных комнат. Держи его в папке этого проекта. Никогда не подключай учебный проект к банку, крипте или чему-то необратимому. Чеки и календари — да. Сбережения — нет.
- 3Думай, прежде чем просить. Claude делает то, что ты говоришь, в той папке, где вы находитесь. «Оптимизируй мои фото» — оптимизирует, а не удалит — если только ты не попросишь что-то безрассудное. Здравые просьбы, чистое рабочее место — и бояться просто нечего.
Ошибки, на которых останавливается большинство
- 1Просить расплывчатое («сделай мне приложение») и получать расплывчатое. Назови экраны, кнопки, что сохраняется.
- 2Запихивать десять функций сразу. Сначала попроси крошечную работающую версию — потом наращивай дозапросами.
- 3Останавливаться на первой ошибке. Ошибка — не провал: вставь её Claude или опиши, что видишь, и он починит. Этот цикл и ЕСТЬ работа.
- 4Решить, что «сначала надо выучить программирование». Тебе не нужно понимать код, который пишет Claude. Тебе нужно описать результат.
- 5Не сказать, что значит «готово». Закончи запрос тем, как ты проверишь результат, например: «готово, когда я добавляю пункт и он остаётся после перезагрузки страницы».
- 6Строить для воображаемой аудитории. Строй версию, которую ТЫ откроешь завтра. Не полируй — пользуйся сразу.
Нормально. Скажи Claude, что не так, обычными словами («кнопка ничего не делает», «страница пустая») или вставь красный текст ошибки. Он найдёт и починит. Ты проверишь. Повторяй, пока не заработает.
Всё. Ты собрал настоящий инструмент.
Ты описал инструмент словами, Claude его собрал, а ты сам проверил. Это и есть весь круг, и для больших инструментов он такой же.
Что ещё собрать