Соберите сайт любой сложности за вечер с помощью Claude Code

Раньше для простого лендинга приходилось искать дизайнера, объяснять задачу, ждать макет, собирать правки, потом идти к верстальщику и снова всё объяснять. В лучшем случае сайт появлялся через пару недель. В худшем переписка растягивалась на месяц, а страница всё равно выглядела совсем не так, как вы представляли.

С Claude Code весь цикл помещается в один вечер. Вы описываете продукт, отвечаете на вопросы, смотрите первую версию сайта в браузере и обычными словами просите внести правки. Claude сам работает с файлами на вашем компьютере. Вам не нужно писать код, разбираться в терминале или собирать страницу в конструкторе.

Если вы находитесь в России, перед установкой Claude нужно один раз подготовить безопасный доступ. Схема простая: покупаете европейский сервер на Timeweb, устанавливаете AmneziaVPN, подключаете компьютер к своему серверу и только после этого регистрируетесь и работаете в Claude. Весь интернет на компьютере идёт через ваш личный европейский IP.

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

В этой инструкции разберём весь путь с нуля: от покупки сервера и настройки Amnezia до первой версии сайта, правок, проверки на телефоне и публикации на домене.

Время на первую настройку: 1–2 часа.

Сложность: подойдёт новичку.

Раздел 01Что получится в конце

Представьте обычную задачу. Вам нужен лендинг под консультацию, курс, мероприятие или услугу. Вы открываете Claude Code и пишете:

Хочу собрать одностраничный сайт под консультацию для предпринимателей. Сначала задай мне вопросы о продукте, клиентах, кейсах и стиле. После моих ответов собери подробный бриф, попроси его утвердить и только потом делай сайт.

Claude задаёт вопросы по одному. Вы отвечаете так, как рассказали бы о продукте живому человеку. Можно писать коротко, можно надиктовывать текст через системный ввод голосом на компьютере. После интервью Claude собирает бриф и показывает, что именно собирается сделать.

Вы подтверждаете бриф. Через несколько минут Claude сохраняет рабочий сайт в папке проекта. Открываете файл в браузере и видите настоящую страницу с заголовками, кнопками, цветами, карточками, отзывами и мобильной версией.

Не нравится первый экран? Пишете: «Заголовок слишком общий. Дай пять более конкретных вариантов для предпринимателя, который устал зависеть от рекомендаций. Сайт пока не меняй». Выбираете вариант и просите поставить его.

Слишком мелкий текст? Просите увеличить. Хотите другой цвет кнопки? Говорите об этом обычной фразой. Нужно добавить фотографию, отзыв или новый тариф? Перетаскиваете материал в чат и объясняете, куда поставить.

Так вы проходите пять, десять или двадцать итераций, пока сайт не начнёт нравиться. Каждая версия остаётся у вас на компьютере, и до публикации её никто не видит.

Вот что важно: Claude Code делает реальную работу с файлами. Это уже не чат, который прислал кусок кода и оставил вас разбираться с ним. Он создаёт папки, меняет страницу, проверяет результат и может открыть локальную версию для просмотра.

Раздел 02Как устроена новая схема

Вся система состоит из четырёх частей.

1. Европейский сервер на Timeweb даёт вам личный стабильный IP.
2. AmneziaVPN направляет интернет компьютера через этот сервер.
3. Приложение Claude работает на вашем компьютере с включённой Amnezia.
4. Режим Claude Code создаёт и редактирует файлы сайта в выбранной папке.

Сервер на первом этапе нужен для безопасного доступа к Claude. Вы не сидите внутри сервера и не собираете там сайт. Вы работаете в обычном приложении на своём компьютере, видите файлы и открываете результат в своём браузере.

Почему это удобнее? У вас остаётся нормальный визуальный цикл. Написали задачу, открыли сайт, посмотрели, дали правку. Не нужно пересылать файлы между сервисами или ждать, пока отдельная связка что-то обработает.

Если вы живёте за пределами России и Claude официально доступен в вашей стране, блок с сервером и Amnezia можно пропустить. Сразу устанавливайте приложение и переходите к работе в Claude Code.

Раздел 03Почему нужен свой европейский IP

Anthropic ограничивает доступ из России. Заход с российского IP может закончиться блокировкой аккаунта, включая аккаунт с оплаченной подпиской. Поэтому первый вход, регистрация и вся дальнейшая работа должны идти через разрешённую страну.

Можно взять обычный VPN, но у публичных VPN есть слабое место. Одним адресом одновременно пользуются сотни или тысячи людей. Такие диапазоны хорошо известны сервисам и часто получают отметку подозрительных.

Свой сервер даёт отдельный адрес, которым пользуетесь вы. IP остаётся в одной стране. Компьютер каждый раз выходит в интернет через одну и ту же европейскую точку. Для повседневной работы это спокойнее и предсказуемее.

Абсолютную гарантию от блокировки не даст никто. Со стороны пользователя задача простая: с первого входа держать один чистый адрес, не заходить из России даже «на минутку» и не переключать страны во время работы.

Раздел 04Покупаем европейский сервер на Timeweb

Откройте Timeweb Cloud и зарегистрируйтесь. Нужен раздел «Облачные серверы», а не обычный виртуальный хостинг.

Нажмите «Создать сервер» и выберите европейскую локацию. Подойдут Германия, Нидерланды или Финляндия. Российскую локацию для доступа к Claude выбирать нельзя.

Для старта достаточно такой конфигурации:

– операционная система Ubuntu 22.04 LTS;

– 2 ядра CPU;

– 4 ГБ оперативной памяти;

– диск 40 ГБ SSD.

Этого запаса хватит для Amnezia и будущих задач. Бэкапы можно подключить сразу, особенно если позже вы решите использовать сервер для автоматизаций.

После создания Timeweb покажет IP-адрес, логин и пароль. Логин обычно root. Сохраните все три значения в менеджере паролей. Они понадобятся Amnezia, чтобы самостоятельно подключиться к серверу и установить нужные компоненты.

Не отправляйте пароль в открытые чаты и не кладите его в публичные документы. Доступ root даёт полный контроль над сервером.

Раздел 05Устанавливаем AmneziaVPN

Скачайте приложение AmneziaVPN на компьютер с официального сайта или из проверенного установщика в базе знаний. Установите его как обычную программу.

После запуска выберите вариант «У меня есть свой сервер» или Self-hosted. Amnezia попросит три значения:

– IP-адрес сервера;

– имя пользователя root;

– пароль от сервера.

Введите данные из кабинета Timeweb и продолжите. Приложение само подключится к серверу и поставит всё необходимое. Обычно это занимает несколько минут. Когда появится выбор протокола, используйте AmneziaWG.

После установки нажмите кнопку подключения. Теперь весь интернет на компьютере должен идти через ваш европейский сервер.

Если у вас уже включён другой VPN, отключите его. Одновременно должна работать только Amnezia, иначе маршруты могут смешаться и часть запросов уйдёт с другого адреса.

Раздел 06Проверяем IP до первого входа в Claude

Не торопитесь открывать Claude сразу. Сначала убедитесь, что соединение работает правильно.

Откройте whoer.net или другой сервис проверки IP. Страна должна совпадать с локацией сервера в Timeweb, а IP на странице должен совпадать с IP вашего VPS.

Если сервис показывает Россию, в Claude заходить пока нельзя. Проверьте статус подключения в Amnezia, выключите другие VPN и переподключитесь.

Эту проверку полезно повторять после перезагрузки компьютера и перед оплатой подписки. Через несколько дней вы привыкнете: сначала Amnezia, потом Claude.

Можно добавить Amnezia в автозапуск. Но всё равно поглядывайте на статус перед работой. Одна случайная сессия с российским адресом создаёт ненужный риск.

Раздел 07Устанавливаем Claude на компьютер

Когда Amnezia подключена и европейский IP подтверждён, откройте claude.ai и скачайте десктопное приложение для Windows или macOS. Для регистрации используйте Google, Apple или другую нероссийскую почту. Если такой почты ещё нет, создайте её с уже включённой Amnezia.

Установите приложение, запустите его и зарегистрируйтесь. Номер телефона Claude запрашивает не у каждого пользователя, поэтому заранее покупать виртуальный номер не нужно. Сначала пройдите обычную регистрацию и смотрите, что попросит сервис.

Если потребуется подтверждение телефона, используйте номер поддерживаемой страны. Российский номер указывать нельзя. Страна номера, регион аккаунта и страна оплаты не должны противоречить друг другу.

Во время регистрации Amnezia остаётся включённой. То же правило действует при входе в браузере по ссылке авторизации и при оплате подписки.

Для знакомства можно начать с бесплатного тарифа. Для регулярной работы с Claude Code и крупными проектами удобнее Pro или Max, потому что лимиты бесплатного плана заканчиваются быстро.

Тарифы и способы оплаты меняются, поэтому перед оплатой проверяйте актуальные условия на официальной странице Anthropic. Если у вас зарубежная карта, проще оплатить ей напрямую. Если её нет, используйте проверенный способ из актуального урока базы знаний.

Раздел 08Первый запуск Claude Code

Откройте приложение Claude с включённой Amnezia. В верхней части приложения выберите вкладку Code.

На Windows приложение может попросить установить Git. Нажмите кнопку загрузки прямо в окне, установите программу и перезапустите Claude. На macOS Git часто уже есть.

Создайте на компьютере пустую папку под проект. Назовите её понятно, например «Сайт консультации» или «Лендинг курса». Не складывайте туда случайные документы: Claude Code будет считать эту папку своим рабочим пространством.

Нажмите New session и выберите созданную папку. После этого Claude получит доступ к файлам внутри неё и сможет создавать сайт.

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

После первого сообщения переименуйте сессию в «Дизайнер сайтов». В следующий раз вы быстро найдёте нужный диалог и продолжите с того же места.

Раздел 09Начинаем с нормального брифа

Самая частая ошибка выглядит так: человек пишет «сделай красивый сайт про мой курс» и ждёт шедевр. Claude не знает продукт, аудиторию, доказательства и критерии красоты. Он заполняет пробелы общими формулировками, и получается аккуратный, но безликий шаблон.

Я делаю проще: сначала прошу Claude провести интервью.

Скопируйте этот промпт в новую сессию:

Я хочу собрать продающий одностраничный сайт.

Сначала задай мне вопросы, чтобы подготовить полный бриф.
Спрашивай по одному и жди мой ответ.

Тебе нужно выяснить:
– какой продукт или услугу я продаю;
– для кого он создан;
– какой конкретный результат получает клиент;
– какие боли и ситуации приводят человека ко мне;
– что он уже пробовал;
– какие возражения мешают купить;
– чем мой подход отличается;
– что входит в продукт;
– какие есть кейсы, отзывы и цифры;
– какая цена и есть ли тарифы;
– какие гарантии и ограничения нужно указать;
– какое действие человек должен сделать на сайте;
– куда должна вести кнопка;
– какие сайты мне нравятся визуально;
– какие цвета, шрифты и образы мне точно не нравятся.

После ответов собери подробный бриф. Покажи его мне,
найди пробелы и задай последние уточняющие вопросы.
К сборке сайта переходи только после моей фразы
«бриф утверждаю».

Отвечайте без попытки написать «правильный маркетинговый текст». Рассказывайте своими словами. Если есть отзывы, презентации, программа продукта и примеры прошлых страниц, прикрепляйте их в чат.

Claude соберёт всё в единую картину и покажет, чего не хватает. Иногда уже на этом этапе становится видно, что проблема была не в сайте. Например, оффер слишком общий, кейсы без цифр, а кнопка ведёт непонятно куда. Исправить это до вёрстки гораздо дешевле, чем переделывать готовую страницу.

Раздел 10Просим собрать первую версию

Когда бриф готов, отправьте второй промпт:

Бриф утверждаю. Теперь собери первую версию сайта
в этой папке.

Требования:
1. Сделай одностраничный сайт на HTML, CSS и JavaScript.
2. Сначала продумай структуру и тексты под мой продукт.
3. Используй адаптивную вёрстку для компьютера и телефона.
4. Не выдумывай отзывы, результаты, цены и гарантии.
5. Если факта нет в брифе, поставь заметный маркер,
   чтобы я дополнил его позже.
6. Все кнопки должны вести туда, куда указано в брифе.
7. Проверь, что страница открывается локально без ошибок.
8. После сборки открой предпросмотр и дай короткий отчёт:
   какие файлы созданы, что уже работает и что нужно проверить мне.

Claude создаст файлы прямо в выбранной папке. В простом проекте это может быть один index.html. В более сложном появятся отдельные стили, скрипты и папка с изображениями. Вам не нужно разбираться в каждом файле. Главное, что весь проект лежит у вас и открывается локально.

Раздел 11Смотрим сайт в браузере

Откройте index.html двойным кликом. Если Claude запустил локальный сервер предпросмотра, он сам даст адрес вида localhost. Откройте его в браузере.

Сначала смотрите на смысл, потом на красоту.

Понятно ли за пять секунд, что вы предлагаете? Видно ли, для кого сайт? Есть ли конкретный результат? Не спрятана ли кнопка слишком далеко? Достаточно ли доказательств?

После этого проверяйте дизайн. Читается ли текст, хватает ли воздуха, сочетаются ли цвета, нормально ли выглядят карточки и фотографии.

Не пытайтесь собрать идеальную версию одним запросом. Первая версия нужна, чтобы появилось что обсуждать. Когда страница перед глазами, давать точные правки гораздо проще.

Раздел 12Как давать правки, чтобы Claude не ломал готовое

Фраза «сделай красивее» почти бесполезна. Claude вынужден угадывать, что именно вы считаете красивым. Давайте правку через конкретное место, проблему и желаемый результат.

Слабая формулировка:

Переделай первый экран, он какой-то скучный.

Рабочая формулировка:

На первом экране заголовок слишком общий и занимает четыре строки. Сократи его до двух строк. Сохрани обещание про пять заявок в неделю. Подзаголовок сделай спокойнее, без громких обещаний. Остальные блоки пока не меняй.

Ещё один полезный приём: сначала попросите варианты без изменения сайта.

Дай семь вариантов заголовка для первого экрана. Сам файл пока не трогай. Для каждого варианта коротко объясни, на какой мотив клиента он давит.

Выбираете лучший и только потом просите внести его. Так Claude не переписывает страницу при каждом поисковом запросе.

Большие правки делите по смысловым блокам. Сначала первый экран, потом описание проблемы, затем продукт, кейсы, тарифы и FAQ. После каждого крупного изменения открывайте сайт и проверяйте его целиком. Иногда новая секция выглядит хорошо сама по себе, но ломает ритм всей страницы.

Раздел 13Пять референсов вместо слова «красиво»

Если хотите заметно поднять качество дизайна, соберите несколько сайтов, которые вам нравятся. Подойдут ссылки или скриншоты. Лучше выбирать примеры с похожей задачей: лендинг консультации сравнивать с услугами, страницу курса с образовательными продуктами.

Отправьте материалы Claude и попросите провести разбор:

Вот пять визуальных референсов.

Разбери каждый по пунктам:
– композиция первого экрана;
– шрифты и размеры;
– цветовая палитра;
– ширина контента и отступы;
– форма карточек и кнопок;
– работа с фотографиями;
– ритм между светлыми и тёмными секциями.

После разбора собери единый дизайн-паспорт для моего сайта.
Не копируй референсы один в один. Возьми общие принципы,
которые подходят моему продукту. Сначала покажи паспорт,
сайт пока не меняй.

После утверждения попросите применить дизайн-паспорт ко всей странице. Конкретные цвета, размеры и правила дают гораздо более цельный результат, чем бесконечные просьбы сделать «дороже» или «современнее».

Раздел 14Проверяем мобильную версию

Большая часть посетителей откроет страницу с телефона. Поэтому мобильную версию нельзя оставлять на конец.

Попросите Claude сделать снимки страницы в трёх размерах: компьютер, планшет и смартфон. Пусть он проверит, не вылезает ли текст за край, не перекрывают ли элементы друг друга, достаточно ли крупные кнопки и поля формы.

Пример задачи:

Проверь сайт на ширине 1440, 768 и 390 пикселей.
Сделай скриншоты всей страницы для каждого размера.
Найди горизонтальный скролл, обрезанный текст,
слишком мелкие кнопки, скачущие отступы и изображения,
которые растягиваются неправильно.

Сначала пришли список проблем и скриншоты.
Исправления вноси только после моего подтверждения.

После правок повторите проверку. Один проход редко ловит всё, особенно если на странице много нестандартных карточек и длинных заголовков.

Раздел 15Не разрешайте Claude выдумывать факты

Нейронка легко заполняет пустые места убедительными формулировками. Для реального сайта это опасно. Несуществующий отзыв, выдуманная цифра или обещание результата могут ударить по доверию и создать юридические проблемы.

В начале проекта прямо зафиксируйте правило:

Никогда не придумывай отзывы, имена, кейсы, цифры, цены, сроки, гарантии и юридические формулировки. Если данных нет, остановись и спроси меня или поставь маркер [НУЖЕН ФАКТ].

Перед публикацией отдельно попросите Claude составить список всех чисел, имён, обещаний и ссылок на странице. Проверьте его руками по исходным материалам.

Раздел 16Подключаем аналитику и формы

Когда структура и дизайн готовы, переходите к техническим деталям.

Если на сайте есть форма заявки, решите, куда должны приходить данные. Это может быть ваша CRM, почта или другой сервис. Не оставляйте форму декоративной. Нажатие на кнопку должно приводить к понятному результату, а пользователь должен увидеть сообщение об успешной отправке.

Для аналитики можно подключить Яндекс.Метрику. Создайте счётчик в кабинете, скопируйте его номер и передайте Claude. Попросите добавить цели на отправку формы, клик по основной кнопке и переход к оплате.

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

Раздел 17Безопасный режим правок

Когда сайт уже опубликован, запретите автоматически менять живую версию после каждой просьбы.

Дайте Claude постоянное правило:

Все изменения делай в два этапа.

Сначала меняй локальную версию и показывай мне результат.
На опубликованный сайт ничего не отправляй.

Только после моей точной фразы «публикуй эту версию»
сделай резервную копию текущего сайта и загрузи новую.
Если такой фразы нет, живой сайт не трогай.

Этот режим спасает от случайной публикации незаконченного блока. Он особенно полезен, когда вы одновременно меняете тексты, формы и дизайн.

Раздел 18Как опубликовать сайт

Пока проект лежит на компьютере, его видите только вы. Чтобы открыть страницу для клиентов, нужны домен и хостинг.

Если сайт собирает персональные данные граждан России, заранее проверьте требования к их хранению и обработке. Для таких проектов обычно используют сервер в России. Европейский сервер, через который работает Amnezia, выполняет другую задачу: даёт вам доступ к Claude с личного IP.

То есть у проекта могут быть два разных сервера:

– европейский для Amnezia и безопасной работы с Claude;

– российский для опубликованного сайта и данных заявок.

Купите домен и сервер, сохраните IP, логин и пароль. Затем передайте Claude Code доступ к серверу и попросите опубликовать текущую утверждённую версию.

Пример промпта:

Вот доступ к серверу для публикации сайта:
– IP: [IP];
– логин: root;
– пароль: [пароль].

Домен: [ваш-домен.ru].

Опубликуй утверждённую локальную версию сайта.
Перед началом создай резервную копию, если на сервере уже есть файлы.
Настрой nginx, привяжи домен, подключи бесплатный SSL,
включи редирект с http на https и сжатие.

Если с моей стороны нужно изменить DNS, напиши точные записи
и дождись моего подтверждения. После публикации проверь сайт
с компьютера и телефона, все кнопки и отправку формы.

Пароль лучше заменить на SSH-ключ после первого подключения. Попросите Claude настроить его и отключить вход по паролю только после того, как проверит новый способ доступа.

Раздел 19Что проверить перед публикацией

Пройдите страницу как новый посетитель.

– Первый экран сразу объясняет предложение и аудиторию.

– На странице нет выдуманных фактов и временных маркеров.

– Все цены, сроки и условия актуальны.

– Кнопки ведут по правильным адресам.

– Форма действительно отправляет заявку.

– После отправки человек понимает, что произошло дальше.

– Телефон, почта и реквизиты написаны без ошибок.

– Сайт нормально выглядит на компьютере и телефоне.

– Нет горизонтального скролла и обрезанного текста.

– Изображения сжаты и не тормозят загрузку.

– Подключён HTTPS.

– Есть политика конфиденциальности и согласия, если они нужны проекту.

– Для ссылки настроены заголовок, описание и картинка предпросмотра.

Попросите Claude пройти этот список, но финальные клики сделайте сами. Проверка владельца занимает десять минут и ловит самые обидные ошибки.

Раздел 20Продвинутые приёмы

Просите объяснять решения

Если Claude предлагает полностью перестроить страницу, спросите, какую проблему решает каждое изменение. Так вы отличите полезную правку от визуальной суеты.

Перед изменением объясни, почему текущая структура слабая, что именно ты поменяешь и как это повлияет на путь посетителя. После моего согласия внеси правку.

Сохраняйте версии

Перед крупной переделкой попросите сохранить копию. Названия делайте понятными: before-new-hero, before-tariffs, release-1. Тогда фраза «верни версию до новых тарифов» не превращается в угадайку.

Проверяйте скорость

Попросите Claude найти тяжёлые изображения, лишние библиотеки и блокирующие загрузку шрифты. Затем сравните скорость до и после. Красивая страница, которая открывается десять секунд, будет терять заявки.

Делайте отдельный аудит текстов

Когда дизайн готов, попросите вывести только видимый текст сайта в отдельный документ. Его проще читать без карточек и анимаций. Проверьте повторы, канцелярит, слабые доказательства и слишком общие обещания. После утверждения верните текст в страницу.

Не меняйте всё одновременно

Если хотите проверить новый заголовок, не перекрашивайте в тот же день весь сайт. Иначе вы не поймёте, что повлияло на результат. Меняйте одну крупную гипотезу, смотрите статистику, потом переходите к следующей.

Раздел 21Если что-то пошло не так

Amnezia не подключается к серверу

Проверьте IP, логин root и пароль. Уберите пробелы в начале и конце. Если сервер создан минуту назад, подождите пару минут и попробуйте снова. Потерянный пароль можно сменить в кабинете Timeweb.

После подключения пропал интернет

Отключите Amnezia и включите снова. Проверьте, что другой VPN выключен. Если проблема повторяется, переустановите подключение с протоколом AmneziaWG.

Claude открылся до включения Amnezia

Закройте приложение, включите Amnezia и проверьте IP. Не продолжайте работу через российский адрес. Если аккаунт уже получил ограничение, следуйте официальной процедуре поддержки Anthropic.

Claude Code не видит папку

Создайте новую сессию и заново выберите Project folder. На macOS и Windows проверьте, дал ли пользователь приложению доступ к документам и рабочему столу. Не выбирайте системные папки.

Приложение просит установить Git

Установите Git по кнопке в Claude, перезапустите приложение и снова откройте сессию. В терминал для этого заходить не нужно.

Сайт не открывается локально

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

После правки пропал блок

Попросите сравнить текущую версию с предыдущей и вернуть только пропавший блок. Если копии нет, это хороший момент включить обязательное сохранение перед каждой крупной правкой.

Мобильная версия разъехалась

Дайте точный размер экрана и приложите скриншот. Попросите исправить проблему только для нужного диапазона ширины, не меняя десктопную версию без необходимости.

Домен не открывает сайт

Попросите Claude проверить DNS, nginx и SSL. Если нужны действия в кабинете регистратора, он должен назвать тип записи, имя, значение и время ожидания. После изменения DNS обновление может занять некоторое время.

Форма выглядит рабочей, но заявки не приходят

Отправьте тестовую заявку и попросите проверить весь путь от кнопки до места назначения. Частая причина проста: дизайн формы готов, а обработчик ещё не подключён. До исправления не запускайте на страницу рекламу.

Раздел 22Весь путь за минуту

Если вы находитесь в России, сначала покупаете европейский сервер на Timeweb. Устанавливаете AmneziaVPN на компьютер, добавляете свой сервер и подключаетесь через AmneziaWG. Проверяете, что IP стал европейским.

С включённой Amnezia скачиваете приложение Claude, регистрируетесь и входите в аккаунт. Каждый раз перед работой проверяете, что Amnezia подключена.

В приложении открываете вкладку Code, создаёте отдельную папку проекта и новую сессию. Просите Claude провести интервью, собираете и утверждаете бриф.

Claude создаёт первую версию сайта в папке на компьютере. Вы открываете её в браузере, даёте точечные правки, добавляете референсы, проверяете мобильную версию и факты.

Когда сайт готов, подключаете домен и сервер для публикации. Claude Code делает техническую настройку, а вы проверяете живую страницу, формы, аналитику и все ссылки.

Вот и вся схема. Самая сложная часть здесь проходит один раз: сервер, Amnezia и регистрация Claude. Дальше вы работаете в одном приложении и собираете сайты обычным диалогом.

Раздел 24Что делать дальше

Не начинайте с большого портала на сотню страниц. Возьмите одну понятную задачу: лендинг консультации, страница мероприятия, небольшой сайт услуги или лид-магнит.

Подготовьте описание продукта, отзывы, кейсы, фотографии и несколько визуальных референсов. Пройдите путь из инструкции и доведите страницу до живой ссылки.

После первого проекта становится сильно легче. У вас остаётся рабочая папка, история диалога, дизайн-паспорт и проверенный цикл правок. Следующий сайт собирается уже без каши в голове.