Claude DesktopФинал: твой продукт оживает и работает на сервере
Финал курса. Сегодня чертёж из урока 5 превращается в живой продукт: ты пишешь его кодовую базу по своему плану, подключаешь память проекта и при необходимости мозг (модель), а затем запускаешь на сервере, чтобы он работал в интернете 24/7. Ведущий показывает каждый шаг на своём примере, ты повторяешь на своём проекте.
Claude Desktop обновился после того, как мы записали урок. Всё, что показано в видео, работает по-прежнему, но лежит в других местах. Вот что переехало.
Не находишь этих кнопок у себя? Обнови приложение: меню Claude вверху слева → Check for Updates. В браузере переключателя Cowork нет вообще, он есть только в приложении. В шагах ниже к каждому месту приложен короткий клип актуального интерфейса.
Перед стартом: скачай полный скилл-проводник (10 шагов)
- Вся сегодняшняя стройка идёт по полному скиллу-проводнику. Он ведёт по 10 этапам: от идеи и архитектуры до сборки, QA и живой ссылки.
- Открой Библиотеку в кабинете и скачай AGINE Kickoff Full в ZIP.
- Для Claude Desktop: Customize → Skills → Create skill → Upload → выбери ZIP.
- Для Claude Code: прикрепи ZIP и попроси распаковать папку agine-kickoff-full в ~/.claude/skills/.
- После установки попроси «запусти полный кикофф по моему проекту». Скилл проверит готовность чертежа, продолжит с нужного этапа и доведёт продукт до запуска.
Финал: сегодня твой продукт оживает
Это последний большой урок курса. На прошлом уроке ты довёл свою идею до чертежа: бриф, схемы, карта экранов, дизайн и правила проекта. Сегодня по этому чертежу мы напишем кодовую базу и превратим его в работающий продукт, который живёт в интернете сам по себе.
Чтобы каждый шаг был наглядным, ведущий ведёт свой пример вживую, а ты параллельно доводишь до результата свой проект — тот, что проектировал на уроке 5. У кого-то это нейросеть с чатом, у кого-то форма заявок, у кого-то бот. План одинаковый для всех, продукт у каждого свой.
Линия урока, шаг за шагом: память проекта (чтобы Claude не терял контекст между сессиями) → сборка кодовой базы по чертежу → мозг продукта, если внутри нужен искусственный интеллект → запуск на сервере. К концу у тебя будет живой продукт по ссылке.
Важный принцип всего урока: руками ты почти ничего не делаешь. Везде, где раньше пришлось бы заходить на сайты и нажимать кнопки, ты вставляешь готовый промпт, а Claude Code выполняет всё сам и показывает каждый шаг.
Это предпоследняя встреча. На следующей, короткой, мы разберём, что у кого получилось, и выдадим персональные сертификаты. Если что-то не получается по ходу — обращайся к помощнику справа внизу.
Путь к живому продукту: 5 шагов
Сегодня проходим всю стройку: от чертежа до продукта на сервере. Пять шагов, каждый добавляет одну деталь. Вот карта.
Память проекта: чтобы Claude не начинал каждый раз с нуля
Сначала решим проблему, на которую жалуются все. Claude Code начинает каждую новую сессию с чистого листа: всё, что вы обсуждали вчера, для него забыто. А внутри одной длинной сессии срабатывает команда сжатия диалога (/compact): она ужимает переписку в короткое резюме и теряет детали — точные имена файлов, конкретные решения, то, на чём именно вы остановились.
Для проекта, который собираешь не один день, это критично: без памяти каждый раз приходится заново объяснять Claude, что вы делали и на чём стоите. Решение простое и надёжное: важное должно лежать не в переписке, а в обычных текстовых файлах на диске.
Для этого удобен Obsidian — бесплатная программа, в которой заметки хранятся как .md файлы в обычной папке. Claude читает эти файлы в начале работы и дописывает в конце. Они переживают и закрытие сессии, и сжатие диалога, потому что это диск, а не разговор.
Память проекта держим в трёх местах. project-context.md — о чём проект, цель и стек. decisions.md — какие важные решения приняли и почему. Папка sessions/ — журнал по дням, один файл на день: что делали, что изменилось, где остановились, следующий шаг.
Чтобы Claude соблюдал этот порядок сам, в файл CLAUDE.md в корне проекта добавляется короткий протокол: в начале сессии — прочитать память, в ходе работы — дописывать решения, в конце — записать журнал. Важная деталь: файл CLAUDE.md перечитывается с диска даже после сжатия диалога, поэтому сам протокол памяти не теряется.
Подключи память к своему проекту
- Сначала установи саму программу Obsidian — она бесплатная. Скачай версию под свою систему (Windows, macOS или Linux) и установи:
- https://obsidian.md/download
- Теперь откроем долговременную память для твоего проекта. Зайди в папку проекта в Claude Code и вставь промпт:
- Промпт — скопируй и вставь в Claude
Настрой для этого проекта долговременную память в Obsidian. Создай папку obsidian-memory с файлами project-context.md (о чём проект, цель, стек) и decisions.md (важные решения), и папку sessions для журнала по дням. Затем добавь в CLAUDE.md протокол: в начале сессии читать память и пересказывать, что понял; в ходе работы дописывать решения в decisions.md; в конце сессии записывать журнал в sessions с сегодняшней датой (возьми её командой date +%F); журнал писать до того, как я запущу /compact. Внутри заметок связывай их между собой вики-ссылками Obsidian в двойных квадратных скобках (например [[project-context]] или [[2026-06-28]]), чтобы контекст, решения и журналы соединялись в граф и были видны логические цепочки. Сделай всё сам, в конце покажи, что получилось.
- Claude создаст структуру и впишет протокол. Открой папку obsidian-memory и убедись, что файлы на месте.
- Теперь проверь, что память работает. Заверши сессию командой:
- Промпт — скопируй и вставь в Claude
Сохрани сессию в Obsidian: узнай дату командой date +%F и запиши журнал в sessions по протоколу из CLAUDE.md — что делали, что изменилось, где остановились, следующие шаги.
- Закрой и снова открой Claude Code, затем дай команду продолжить:
- Промпт — скопируй и вставь в Claude
Прочитай контекст из Obsidian и продолжи: сначала project-context.md, потом свежий файл из sessions, потом decisions.md. Перескажи, о чём проект и на чём мы остановились, и предложи следующий шаг.
- 🎯 Челлендж: после второго промпта Claude должен сам, без подсказок, пересказать, на чём вы остановились в прошлый раз. Если пересказал верно — память подключена правильно.
Главный шаг: доведи проектирование до 100% и собери кодовую базу
- Это сердце урока. Сегодня ты ведёшь свой проект через полный скилл-проводник (тот, что скачал в начале урока). Он проходит проектирование по 10 шагам и только в самом конце переходит к написанию кода. На уроке 5 ты прошёл первую часть, остальное доводим сегодня.
- Вот что значит каждый из 10 шагов проектирования:
- 1. Бриф — короткое описание: что строим, для кого и какую боль решаем.
- 2. Требования (PRD) — детально: проблема, цель, пользователь-персона, что обязательно в первой версии, метрики успеха, что за рамками.
- 3. Архитектура — как технически устроен продукт: из каких частей состоит, как связаны, схема данных.
- 4. Экраны и интерфейс — все страницы, путь пользователя и дизайн по референсу (без шаблонного фиолетового).
- 5. Правила проекта (CLAUDE.md) — фиксируешь решения и правило «план до кода», чтобы Claude читал их в начале каждой сессии.
- 6. Задачи — план работы: что и в каком порядке строим, разбито на понятные шаги.
- 7. Безопасность — где спрятаны ключи, проверка данных от пользователя, типичные дыры закрыты.
- 8. Тесты — как проверяем, что всё работает и не ломается при правках.
- 9. Проверка перед стартом (Preflight) — финальный чек-лист готовности.
- 10. Передача в код — проектирование готово на 100%, скилл переходит к написанию кодовой базы.
- Открой папку своего проекта в Claude Code и вставь промпт — он покажет, что готово, а что нет:
- Промпт — скопируй и вставь в Claude
Запусти скилл кикофф по моему проекту. Сначала покажи актуальный статус проектирования: пройди по всем шагам скилла (от брифа и требований до безопасности, тестов и передачи в код) и по каждому скажи, сделан он или нет, и на сколько процентов готово проектирование в целом. Где не доделано — проведи меня по оставшимся шагам до 100%, по одному за раз, с моим подтверждением. Когда проектирование готово на 100% — переходи к написанию кодовой базы по плану задач, блок за блоком. По каждому блоку сначала покажи план (Plan Mode), дождись моего одобрения, потом пиши код и открой результат на localhost.
- Claude покажет процент готовности и список незакрытых шагов. Доведи каждый до конца — это фундамент стройки. Как только проектирование на 100%, скилл сам переходит к коду: собирает продукт блок за блоком, ты принимаешь каждый на localhost.
- Когда основные блоки собраны, прогони проверку качества экспертной панелью:
- Промпт — скопируй и вставь в Claude
Собери экспертную панель из нескольких критиков с разными ролями (удобство, надёжность, придирчивый пользователь). Пусть каждый оценит мой продукт по 10 и даст конкретные правки. Сведи общий список и доводи продукт, пока оценка не дойдёт до 8.5 из 10. Потом сам открой продукт в браузере, нажми каждую кнопку, заполни каждую форму, сверь вид с макетом, перечисли что не работает и почини.
- 🎯 Челлендж: доведи проектирование строго до 100%, не перепрыгивая шаги. Пропущенный шаг — это переделки в коде потом.
Мозг продукта: один ключ ко всем нейросетям
Этот блок нужен, если внутри твоего продукта есть искусственный интеллект: чат, умные ответы, разбор текста. Если у тебя простой продукт без AI внутри (форма заявок, каталог, запись) — пропусти этот шаг и иди к запуску.
Чтобы продукт думал, ему нужен доступ к нейросети. Можно регистрироваться у каждой компании отдельно (OpenAI, Anthropic, Google), а можно взять один ключ, который открывает сразу сотни моделей. Второй путь — это OpenRouter.
OpenRouter — единый шлюз ко многим моделям. Главное удобство: в коде меняется не логика, а одна строка с названием модели. Сегодня продукт отвечает через одну модель, завтра ты меняешь строку, и он отвечает через другую, более умную или более дешёвую.
Зачем это тебе. Один ключ вместо нескольких регистраций. Доступ к дешёвым и даже бесплатным моделям (у бесплатных в названии есть пометка :free). Контроль расходов: пополняешь баланс заранее и видишь трату по каждому запросу. Запасные модели: если одна недоступна, запрос уходит на другую.
Ключ получаешь так: регистрируешься на openrouter.ai, заходишь в раздел ключей, создаёшь ключ и сразу его копируешь — он показывается один раз. Хранится он только в переменной окружения, никогда в коде и никогда на скриншотах. Названия моделей всегда вида провайдер/модель, каталог и цены — на openrouter.ai/models.
Подключи мозг к своему продукту
- Этот шаг — для продуктов, где есть AI внутри. Сначала получи ключ. Открой сайт и зарегистрируйся (вход через Google, GitHub или почту):
- https://openrouter.ai
- Зайди в раздел ключей, создай ключ и скопируй его сразу. Для реальной работы пополни баланс на пару долларов (бесплатные модели с пометкой :free можно пробовать и без пополнения):
- https://openrouter.ai/keys
- Теперь подключи модель к своему продукту через Claude Code. Вставь промпт:
- Промпт — скопируй и вставь в Claude
Подключи к моему продукту нейросеть через OpenRouter. Заведи переменную окружения OPENROUTER_API_KEY и добавь её в .gitignore, чтобы ключ не попал в git. Подключи модель к той части продукта, где нужны умные ответы, и сделай так, чтобы модель можно было сменить одной строкой. Покажи на localhost, что ответы приходят. Объясняй каждый шаг.
- Проверь, что продукт отвечает осмысленно. Если модель отвечает — мозг подключён.
- 🎯 Челлендж: поменяй модель на другую из openrouter.ai/models (например с пометкой :free) и задай тот же вопрос. Увидишь, что меняется только одна строка, а отвечает уже другая нейросеть.
Где живёт продукт: фронтенд на Vercel, бэкенд на Railway
Прежде чем запускать, разберись, где что живёт. У готового продукта обычно три части, и каждая едет в своё место. Эти три сервиса ты уже подключил на прошлых уроках: Vercel, Railway и Supabase.
Фронтенд (то, что видит пользователь: сайт, страницы, кнопки) живёт на Vercel — ты уже выкладывал туда сайт. Бэкенд (серверная часть: боты, обработка запросов, всё, что должно работать круглосуточно) живёт на Railway. Данные (заявки, пользователи, записи) лежат в Supabase. Связка простая: Vercel — лицо, Railway — мотор, Supabase — память.
Что это значит для тебя. Если твой продукт это обычный сайт без серверной части — ему хватит Vercel, как на уроке 4, и Railway не нужен. Если внутри есть бот, постоянный процесс или серверная логика, которая работает 24/7 — эта часть едет на Railway. Этот блок про неё.
Railway — это облако, куда ты выкладываешь бэкенд, и он работает в интернете круглосуточно. Ты отдаёшь код, Railway сам определяет язык, собирает и запускает. Вручную настраивать сервер не нужно: программа с твоего компьютера превращается в сервис, который работает сам, даже когда ноутбук выключен.
Главное для нас: заходить на Railway и нажимать кнопки руками не придётся. Ты один раз берёшь в Railway ключ доступа и отдаёшь его Claude, и дальше Claude сам, по одному твоему промпту, создаёт проект, заливает код, задаёт переменные окружения и берёт публичную ссылку. Каждый шаг он показывает, ты только подтверждаешь.
Сколько стоит. Новым пользователям дают разовый пробный грант 5 долларов — его хватает протестировать небольшой бэкенд, и он сгорает за 30 дней. Дальше есть тариф Hobby за 5 долларов в месяц (в них уже включены 5 долларов потребления) и Pro за 20 долларов для серьёзных проектов. Для оплаты нужна банковская карта, но сам пробный грант даётся без покупки.
Запусти бэкенд на Railway одним промптом
- Сразу про фронтенд: если у тебя сайт, его деплой на Vercel, как на уроке 4 — Claude разворачивает по промпту. Railway нужен для бэкенда: серверная часть и боты, которые работают 24/7. Этот блок про него. Чтобы Claude мог деплоить за тебя, заведи аккаунт Railway и возьми ключ доступа.
- Шаг 1. Зарегистрируйся на Railway, проще всего через GitHub, тем же аккаунтом, что в прошлых уроках:
- https://railway.com
- Шаг 2. Открой страницу ключей доступа:
- https://railway.com/account/tokens
- Если по ссылке не попал, найди её в интерфейсе: внизу левого меню нажми на свой аккаунт, затем три точки, выбери Account Settings и вкладку Tokens.
- Шаг 3. Безопасный вариант: авторизуй Railway CLI через вход в браузере. Если используешь токен, сохрани его как RAILWAY_TOKEN в защищённом хранилище окружения. Не вставляй токен в чат, код или скриншоты.
- Шаг 4. Попроси Claude подготовить preview: проверить проект, показать план, перечислить нужные переменные без значений и дождаться твоего подтверждения.
- Сначала проверь preview-ссылку и логи. Production запускай отдельной командой только после того, как preview работает.
- Главная проверка. Закрой проект на своём компьютере (останови локальный запуск), а на телефоне открой продукт или напиши боту. Работает при выключенном компьютере, значит бэкенд живёт на сервере.
- 🎯 Челлендж: открой свой живой продукт с телефона и отправь ссылку другу. Первый рабочий продукт в интернете — это результат, который можно показывать.
Если твой продукт это бот: подними агента 24/7
- Этот блок — только для тех, у кого продукт это бот или агент в мессенджере. Если у тебя сайт или веб-продукт, ты уже закончил на прошлом шаге, переходи к финалу.
- Для бота удобен Hermes Agent — открытый агент с постоянной памятью, который живёт на сервере и отвечает 24/7. Поднимем его тоже через Claude Code, без ручных действий. Сначала подготовь три вещи:
- Токен бота: в Telegram открой @BotFather, команда /newbot, придумай имя и логин на bot, сохрани токен.
- Свой User ID (твой числовой номер в Telegram). Если ты его не знаешь, открой в Telegram бота @userinfobot, нажми Start, и он сразу пришлёт твой ID числом. Этот номер нужен, чтобы агентом управлял только ты.
- Ключ модели — мозг агента: подойдёт ключ Anthropic (Claude) или уже знакомый ключ OpenRouter.
- Теперь вставь промпт в Claude Code:
- Промпт — скопируй и вставь в Claude
Помоги поднять моего агента в Telegram на сервере 24/7 на базе Hermes Agent от Nous Research. Разверни его на Railway, подключи мозгом модель по моему ключу и привяжи к моему боту. Вот мои данные: токен бота, мой User ID и ключ модели я дам по запросу. Ключи не печатай в чат, спрячь в переменные окружения. Объясняй каждый шаг, я новичок.
- 🎯 Челлендж: выключи компьютер и через десять минут напиши агенту с телефона. Ответил при выключенном ноутбуке — значит, у тебя есть собственный агент, который работает круглосуточно.
Курс пройден. Дальше — сертификат
Останови на секунду и оцени, что произошло. Несколько недель назад ты, возможно, никогда не открывал Claude Code и не делал ничего похожего. Сегодня у тебя есть собственный продукт, который работает в интернете сам по себе.
За этот урок ты собрал всё вместе: подключил проекту память, написал кодовую базу по своему чертежу, при необходимости дал продукту мозг и вынес его на сервер. Это полный цикл — от идеи до живого продукта по ссылке.
Дома доведи свой проект до конца по домашнему заданию: собери кодовую базу, подключи память и модель, если нужно, и запусти продукт на Railway, чтобы он работал 24/7.
Следующая встреча будет короткой: мы разберём, что у кого получилось, ответим на вопросы и выдадим персональные сертификаты о прохождении курса. На этом поток завершается. Ты дошёл до конца — это серьёзный результат.
Чеклист
Отметь когда сделал каждый пункт. Когда все галки на месте, откроется квиз.