Пошаговая сборка · вечер

Авто-ответы клиентам

Мгновенно отвечает на те же пять вопросов, что задают все клиенты.

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

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

Мгновенно отвечает на те же пять вопросов, что задают все клиенты.

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

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

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

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

  1. 1Для FAQ клиентам зафиксируй ТРИ вещи: что хранит одна запись (вопрос и твой лучший ответ к нему), как клиент находит ответ (живая строка поиска, которая фильтрует вопросы по мере набора, тап — чтобы раскрыть) и что вопросы разложены по разделам — цены, доставка, возврат.
  2. 2Свои реальные вопросы и ответы напиши сам — вся ценность в ТВОИХ формулировках, а не в общих заглушках. Реши свои топ-пять или десять до запроса; Claude собирает страницу, ты приносишь содержание.
  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 ▸ «выложи это онлайн и дай мне ссылку, чтобы клиенты сами находили ответ в 23:00, не написав мне» — FAQ на твоём ноутбуке не экономит ничего, а ссылка в шапке профиля отвечает на вопросы, пока ты спишь.
you ▸ «добавь умный поиск, который через AI-сервис понимает вопрос, заданный простыми словами, и возвращает мой ближайший ответ» — клиент редко формулирует так, как ты записал; дай ему спросить естественно.
you ▸ «добавь кнопку «я не нашёл свой ответ», чтобы он отправил неотвеченный вопрос прямо мне» — каждый промах становится следующей записью FAQ, которую ты добавишь.
you ▸ «дай менять порядок вопросов и закреплять три самых частых наверху» — ответы, которые нужны чаще всего, перестают быть закопанными.

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

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

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

  1. 1Для старта внешний API НЕ нужен — список FAQ и живой поиск работают целиком в браузере, на твоём устройстве.
  2. 2Хочешь умный поиск «спроси простыми словами»? Вот где AI-сервис (у Anthropic / Claude API есть недорогой тариф) реально оправдывает себя — он читает сумбурный вопрос и указывает на твой ближайший ответ.
  3. 3Универсальный приём для ЛЮБОЙ идеи: спроси Claude — «найди бесплатные или открытые API под страницу FAQ для клиентов и скажи, каким реально нужен ключ». Он перечислит — ты выберешь.

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

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

Этому инструменту ключи не нужны — он целиком работает на твоём компьютере. Добавишь ключ только если позже захочешь, чтобы он тянулся к какому-то сервису.

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

✓Кому именно этот стоит выложить

Дай клиенту ссылку — и он сам найдёт ответ в 23:00, не написав тебе; это работает, только если страница в интернете.

Купи сервер и домен — как заказать продукты

  1. 1Сервер: сначала попроси Claude «создай SSH-ключ для моего сервера и покажи публичную часть». Потом зарегистрируйся у хостера (Hetzner, DigitalOcean…), нажми «Create Server», выбери Ubuntu, самый дешёвый размер и вход по SSH-ключу и вставь эту публичную часть. Сохрани IP-адрес, который он выдаст. Это несколько долларов в месяц, удалить сервер можно в любой момент.
  2. 2Домен: купи имя у любого регистратора (Namecheap, Cloudflare…). Потом добавь ОДНУ «A-запись»: Тип = A, Хост = @, Значение = IP твоего сервера. Это вся часть с DNS — остальные поля игнорируй.
  3. 3Отдай Claude: вернись в терминал и скажи: «выложи мой проект на сервер. IP: <айпи>, вход по моему SSH-ключу, домен: <твоёимя.com>. Настрой HTTPS и базовую защиту». Claude подключится по ключу, всё установит, защитит и запустит сайт. Пароль в чат не попадает.
  4. 4DNS просыпается от пары минут до пары часов — если Claude говорит, что домен ещё не отвечает, это ожидание, а не ошибка. Зайди позже и скажи «попробуй снова».

Шаг 5 — Сохрани свои ключи (чтобы вернуться)

Запиши себе IP сервера и домен. SSH-ключ остаётся на твоём компьютере, сделай его резервную копию. Потом попроси Claude: «запиши в CLAUDE.md, как выкладывать этот проект на мой сервер». Паролей в этом файле нет, а в любой другой день Claude обновит сайт по одной фразе: «задеплой обновление».

Шаг 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 его собрал, а ты сам проверил. Это и есть весь круг, и для больших инструментов он такой же.