Пошаговая сборка · вечер
Калькулятор цены / сметы
Клиент (или ты) мгновенно получает расчёт под твою услугу.
Никаких команд. Никакого кода. Сейчас ты соберёшь это, просто СКАЗАВ, чего хочешь — на своём родном языке. Единственный навык — хорошо описать результат. Вот весь путь от начала до конца.
Клиент (или ты) мгновенно получает расчёт под твою услугу.
Сначала — как вообще говорить с агентом
- 1Описывай РЕЗУЛЬТАТ, а не технологию: что на экране, что делает каждая кнопка, что сохраняется. «Как» агент придумает сам.
- 2Будь конкретен про экраны и поля — «форма с суммой, категорией и датой» лучше, чем «дай добавлять траты».
- 3Проси сначала самую маленькую рабочую версию. Растишь её потом словами — это Шаг 2, а не первое сообщение.
- 4Реши, что ТВОЁ, а не агента: задай категории, цвета, правила. Не заставляй его угадывать то, что знаешь только ты.
Шаг 1 — Собери вживую
Как писать промпт под такой инструмент
- 1Для калькулятора цены зафиксируй ТРИ вещи: что хранит ОДНА опция (название, цена и тип — переключатель вкл/выкл или количество), что делает экран расчёта (итог пересчитывается мгновенно, с построчной разбивкой) и что настройки и сохранённые сметы лежат в памяти браузера.
- 2Свои реальные опции и цифры задай сам — не давай Claude выдумывать цены. Выпиши их: «базовая услуга 50, доп. комната +20 за штуку, срочно +20%, материалы переключатель +15». Твоё дело — твои ставки.
- 3Чётко скажи, какие опции переключатели (вкл/выкл, как «срочно»), а какие количества (как «число комнат»). Путаница между ними — самое частое, что приходится чинить потом.
- 4Закончи магической фразой: «собери всё целиком и скажи, как именно открыть; не останавливайся, чтобы задавать вопросы».
claude --dangerously-skip-permissions
Открой терминал и запусти это (если Claude уже запущен — сначала набери /exit). Потом попроси его создать папку под этот проект и работать внутри неё.
✕ что пишет большинство
you ▸ сделай калькулятор цен
✓ что реально работает — скопируй или, ещё лучше, скажи СВОИМИ словами
you ▸ Собери мне калькулятор цены моей услуги. Экран настроек, где я
задаю свои опции цен: у каждой название, цена и тип —
переключатель (вкл/выкл) или количество. На экране расчёта эти
опции показываются; когда клиент или я включаю их и задаю
количества, итог пересчитывается мгновенно, с построчной
разбивкой. Кнопка «скопировать смету» делает аккуратный текст
сметы, а «сохранить смету» кладёт её под именем клиента, чтобы
открыть позже. Работает в браузере и хранит мои настройки и
сохранённые сметы в памяти браузера. Чистый читаемый дизайн.
Собери всё целиком и скажи точно, как открыть; не
останавливайся, чтобы задавать вопросы.Говори на СВОЁМ языке — русском, испанском, любом. Claude поймёт.
Собери прямо сейчас — отмечай по ходу
0/6Шаг 2 — Собрано. Теперь сделай его своим
Не пугайся технической ссылки. Claude скажет одно из двух. Либо файл вроде index.html — найди его в папке проекта и открой двойным кликом, он откроется в браузере. Либо адрес, начинающийся с http://localhost — скопируй его в адресную строку браузера и нажми Enter. «localhost» просто значит «это работает прямо сейчас на твоём компьютере». Вот он, твой инструмент. Он настоящий.
Теперь докрути его под СЕБЯ — просто говори
Вот часть, которая делает его ТВОИМ. Не соглашайся на первую версию — меняй её, говоря, чего хочешь, прямо в том же чате. Claude пересобирает, ты обновляешь страницу. Доводи, пока не ляжет под то, как ты реально работаешь. Для этого инструмента попробуй, например:
you ▸ добавь опцию «срочно / выходной», которая прибавляет 20% к итогу you ▸ показывай расчёт построчно, а не только финальную сумму you ▸ дай сохранять каждую смету с именем клиента, чтобы найти её потом
Я не печатаю длинные сообщения. Я включаю голосовой ввод (микрофон в ChatGPT или в клавиатуре телефона) и просто НАГОВАРИВАЮ всё, что думаю про то, что он собрал — что не так, что хочу дальше, — потом выделить всё, скопировать и вставить весь поток в Claude Code. Сумбурные устные мысли отлично заходят — агент сам в них разберётся. Это в разы быстрее, чем писать.
Шаг 2.5 — Протестируй как настоящую вещь (с первого раза идеально не будет)
Правда, которую новичкам не говорят: первая сборка — это ЧЕРНОВИК. Агент что-то собрал, ты запустил, нашёл, что не так, сказал ему — и ВОТ этот цикл и есть работа. Код не читай. Пользуйся инструментом как посторонний и смотри, где он тебя подводит. Для этого инструмента проверь именно это:
- 1Открой (Claude даст ссылку localhost или файл index — см. Шаг 2), зайди в настройки и добавь три реальные опции — одну-переключатель, одну-количество и одну с обычной ценой.
- 2На экране расчёта включи переключатель и задай количество. Итог обновляется в тот же миг, как ты что-то меняешь, а в разбивке каждая строка со своей цифрой?
- 3Посчитай одну комбинацию руками. Итог сходится? Если нет — логика цены, это твоя первая правка.
- 4Нажми «скопировать смету» и вставь куда-нибудь — это аккуратный читаемый текст, который ты реально отправил бы клиенту? Потом «сохранить смету» под именем клиента.
- 5Обнови страницу (F5 / Cmd-R). Настройки цен и сохранённая смета на месте? Если исчезли — память браузера не подключена, чини это.
Нашёл косяк? Скажи вот так
Ты ничего не чинишь сам — ты ОПИСЫВАЕШЬ словами, что не так, и агент чинит. Будь конкретен: что увидел против того, что ожидал. Реальные примеры для этого инструмента:
you ▸ «итог не обновляется, когда я переключаю опцию — пересчитывай его мгновенно каждый раз, когда меняется любая опция или количество» you ▸ «я задал эту опцию как процент, а она прибавляет фиксированную сумму — пусть «срочно» добавляет 20% от текущего итога, а не 20» you ▸ «при обновлении страницы настройки цен пропадают — сохраняй мои опции и сметы в памяти браузера, чтобы оставались»
Не останавливайся на v1 — развивай
Инструмент, собранный за десять минут, — это старт, а не финиш. Затягивает тех, кто продолжает говорить «а теперь ещё…». Каждая строка ниже — одно предложение, которое ты вставляешь в тот же чат, чтобы прокачать инструмент:
you ▸ «поставь это на мой сайт, чтобы клиент сам прикинул стоимость до того, как написал» — меньше переписки «а сколько?» и больше заявок, которые уже знают цену и готовы записаться. you ▸ «добавь кнопку, чтобы отправить готовую смету клиенту на почту, и сохраняй мне копию в Google Таблицу» — каждая смета становится записью, которую можно пересмотреть и догнать клиента. you ▸ «дай превращать любую сохранённую смету в аккуратный PDF, который я прикреплю к сообщению» — выглядит профессионально, и письменную смету клиент воспринимает серьёзнее. you ▸ «добавь поле скидки и строку предоплаты, чтобы смета показывала итог, предоплату сейчас и остаток потом» — это уже не калькулятор, а инструмент, который закрывает сделку.
Шаг 3 — Подключи к миру (по желанию)
Бесплатные данные и API под это
API — это просто способ для инструмента подтянуть внешние данные или что-то отправить наружу; многие бесплатны. Искать их самому почти не нужно; приём, который работает для ЛЮБОЙ идеи, — попросить агента найти их:
- 1Для старта внешний API НЕ нужен — вся математика цены работает в браузере, на твоём устройстве.
- 2Gmail (бесплатно) даёт отправить готовую смету прямо со страницы; Google Sheets API (бесплатно) сохраняет каждую смету в таблицу, которую можно сортировать и пересматривать.
- 3Универсальный приём для ЛЮБОЙ идеи: спроси Claude — «найди бесплатные или открытые API под калькулятор цены/сметы и скажи, каким реально нужен ключ». Он перечислит — ты выберешь.
Про оплату ИИ-частей
- 1За Claude не платишь дважды. При подписке ты делаешь API-ключ прямо в терминале и используешь его в своих проектах — в рамках тарифа.
- 2С 15 июня правило делится: автоматизация через этот ключ получает свой месячный кредит — примерно $20 на Pro, $100 или $200 на Max. Влез в лимит — работает как раньше.
- 3Кончился — платишь по факту (pay-as-you-go), и остаток не переносится на следующий месяц. Загляни в аккаунт и прикинь, покрывает ли уже включённый кредит то, что ты строишь.
Инструмент получает суперсилу, когда умеет общаться с другими сервисами — прислать тебе сообщение, прочитать таблицу, подтянуть живые данные. Каждый сервис выдаёт «API-ключ» (длинный пароль, который говорит «это я»). Для ЭТОГО инструмента полезны:
Какие ключи может использовать этот инструмент
- 1Google Таблицы — сохранять каждую сделанную смету в таблицу, чтобы потом пересмотреть
- 2Gmail — отправлять готовую смету клиенту прямо со страницы
Любой ключ берётся по одному рецепту: зайти в сервис → Настройки → «API» или «Для разработчиков» → «Создать ключ» → скопировать → вставить Claude один раз («вот мой ключ: …»). Claude сохранит его, и ты больше к нему не притронешься.
Шаг 4 — Выложи в интернет (только если нужен кому-то ещё)
Поставь на сайт, чтобы клиент сам прикинул стоимость до того, как написал — меньше переписки «а сколько?», больше готовых к записи заявок.
Купи сервер и домен — как заказать продукты
- 1Сервер: зарегистрируйся у хостера (Hetzner, DigitalOcean…), нажми «Create Server», выбери Ubuntu + самый дешёвый размер + вход по ПАРОЛЮ. СОХРАНИ IP-адрес и пароль, которые он выдаст. (Не бойся — это пара долларов в месяц, отменить можно в любой момент.)
- 2Домен: купи имя у любого регистратора (Namecheap, Cloudflare…). Потом добавь ОДНУ «A-запись»: Тип = A, Хост = @, Значение = IP твоего сервера. Это вся часть с DNS — остальные поля игнорируй.
- 3Отдай Claude: вернись в терминал и скажи — «выложи мой проект на сервер. IP: <айпи>, пароль: <пароль>, домен: <твоёимя.com>. Настрой HTTPS и базовую безопасность, сделай всё сам». Claude всё установит, защитит и поднимет сайт. Ты не настраиваешь ничего.
- 4DNS просыпается от пары минут до пары часов — если Claude говорит, что домен ещё не отвечает, это ожидание, а не ошибка. Зайди позже и скажи «попробуй снова».
Шаг 5 — Сохрани свои ключи (чтобы вернуться)
Сохрани IP сервера, пароль (или SSH-ключ) и домен в надёжном месте — заметки, менеджер паролей. Зачем: в любой день потом ты сможешь открыть терминал, подключиться к серверу, запустить Claude прямо там и дальше улучшать живой инструмент словами — починить баг, добавить фичу, поменять вид. Совет: скажи Claude «сохрани данные сервера в файл в этой папке проекта», чтобы будущий чат уже их знал.
Шаг 6 — Будь в безопасности (две простые привычки)
- 1Делай бэкап того, что жалко потерять. Если инструмент хранит реальные данные (бюджет, дневник здоровья, список клиентов), сразу попроси Claude: «добавь кнопку экспорта/бэкапа» — один клик сохраняет данные в файл. Сделай это до того, как пересоберёшь с нуля или перенесёшь папку.
- 2Не давай Claude ключи от опасных комнат. Держи его в папке этого проекта. Никогда не подключай учебный проект к банку, крипте или чему-то необратимому. Чеки и календари — да. Сбережения — нет.
- 3Думай, прежде чем просить. Claude делает то, что ты говоришь, в той папке, где вы находитесь. «Оптимизируй мои фото» — оптимизирует, а не удалит — если только ты не попросишь что-то безрассудное. Здравые просьбы, чистое рабочее место — и бояться просто нечего.
Ошибки, на которых останавливается большинство
- 1Просить расплывчатое («сделай мне приложение») и получать расплывчатое. Назови экраны, кнопки, что сохраняется.
- 2Запихивать десять функций сразу. Сначала попроси крошечную работающую версию — потом наращивай дозапросами.
- 3Останавливаться на первой ошибке. Ошибка — не провал: вставь её Claude или опиши, что видишь, и он починит. Этот цикл и ЕСТЬ работа.
- 4Решить, что «сначала надо выучить программирование». Тебе не нужно понимать код, который пишет Claude. Тебе нужно описать результат.
- 5Забыть волшебную строчку — «собери всё целиком, не останавливайся с вопросами» — и удивляться, почему он постоянно тормозит.
- 6Строить для воображаемой аудитории. Строй версию, которую ТЫ откроешь завтра. Не полируй — пользуйся сразу.
Нормально. Скажи Claude, что не так, обычными словами («кнопка ничего не делает», «страница пустая») или вставь красный текст ошибки. Он найдёт и починит. Ты проверишь. Повторяй, пока не заработает.
Всё. Ты собрал настоящий инструмент.
Заметь, что произошло: ни команд, ни кода — слова. Это и есть весь навык. Люди, которые «умеют строить», — это просто люди, которые описывают, чего хотят, и дают Claude печатать.