Помню время, когда для создания сайта нужно было знать HTML, CSS, JavaScript, фреймворки, уметь верстать адаптив. Сегодня достаточно описать, что ты хочешь, - и нейросеть пишет код. Claude Code - это не просто автодополнение, а полноценный агент, который сам создаёт файлы, разворачивает сервер и доводит проект до ума.
Я пользуюсь им уже пару месяцев, и это реально работает. В этой статье покажу на живом примере, как сделать сайт с помощью Claude Code - от пустой папки до публикации в интернете. Без лишней теории, только то, что я проверил сам.
Что нужно для старта
Минимум - компьютер, VS Code и доступ к Claude Code. Создайте на диске пустую папку, например my-website. Откройте её в VS Code (File → Open Folder). Запустите терминал и вызовите Claude Code. Всё. Дальше просто переписываетесь с ним на человеческом языке.
Если у вас ещё нет доступа к Claude Code - есть нюанс. Официально сервис недоступен из России, нужен иностранный IP и карта для оплаты подписки. Тут многие спотыкаются. Но можно пойти другим путём - через российский сервис 3GPT, о нём расскажу ниже. Он даёт доступ к тем же флагманским моделям, включая Claude, без велосипедов с VPN и иностранными картами.
Первый запрос: описываем сайт
Ключевой момент - конкретика. Чем детальнее вы опишете структуру и пожелания, тем точнее будет результат. Мой любимый пример - одностраничник для кофейни. Вот как я формулирую заказ:
Создай одностраничный сайт-лендинг для кофейни в Минске. Нужны разделы: шапка с логотипом и меню, первый экран с заголовком и кнопкой «Забронировать столик», блок «О нас», меню с ценами, галерея, контакты с картой и футер. Сделай адаптивно под мобильные, в тёплой бежево-коричневой палитре, на чистом HTML и CSS.
Да, можно просто написать это в чат - и Claude Code создаст все файлы: index.html, styles.css, подключит скрипты. Он даже разложит по папкам, если попросить. Одним запросом вы получаете работающий прототип.
Смотрим результат
После генерации кода нужно увидеть сайт в браузере. Не нужно самому разбираться, как настроить сервер. Просто напишите:
Запусти локальный сервер, чтобы я мог посмотреть сайт в браузере.
Claude Code сам поднимет сервер и выдаст адрес типа localhost:8000. Открываете - и вот он, ваш сайт. Уже на этом этапе можно оценить структуру и дизайн.
Дорабатываем итерациями
Редко получается сразу идеально. Но именно тут Claude Code проявляет себя. Вы даёте правки на человеческом языке: «сделай кнопку больше», «добавь анимацию появления блоков», «смени акцентный цвет на синий». Он мгновенно переписывает код. Работа похожа на общение с живым дизайнером, только быстрее и без лишних вопросов.
Важно: не стесняйтесь разбивать работу на шаги. Сначала структура, потом дизайн, потом анимации. Так проще контролировать результат.
Проблема с дизайном и как я её решаю
Честно признаюсь: нейросети генерируют сайты, которые визуально выдают их происхождение - как ИИ-тексты. Если вам нужен сайт для реального клиента, такой дизайн не прокатит. Я нашёл два рабочих способа:
Первый - взять за референс чужой сайт и попросить ИИ скопировать визуал. Для простых страниц это отлично работает. Второй - использовать специальный плагин frontend-design для Claude Code. Он делает дизайн в едином стиле, особенно хорошо с моделью Claude Opus 4.6. Я сам так делал, результат впечатляет.
Публикация сайта
Когда всё готово, нужно выложить сайт в интернет. Для статичных сайтов отлично подходят бесплатные хостинги - Vercel, Netlify или GitHub Pages. Claude Code поможет и тут. Просто напишите:
Подготовь проект к деплою на Vercel и объясни по шагам, что мне сделать.
Он соберёт проект, даст инструкции, а при необходимости сам выполнит команды. Останется только нажать кнопку в панели хостинга. Всё, сайт в сети.
Что если нужен не лендинг, а полноценный сайт
Claude Code справляется и со сложными проектами: интернет-магазины, личные кабинеты, серверная логика. Он пишет бэкенд, подключает базы данных, настраивает авторизацию. Это уже настоящая разработка, но с той же простотой общения. Я знаю людей, которые сделали через него полноценные сервисы с нуля.
Однако для совсем простого лендинга можно использовать и веб-версию Claude - Claude Design. Это холст с чатом, где вы описываете сайт, а он рисует макет. Но во-первых, он тоже недоступен из России. Во-вторых, он не даёт такого глубокого контроля, как Claude Code. Так что если нужен именно код и гибкость - выбирайте Claude Code.
Как получить доступ к Claude Code из России
Здесь вступает моя главная находка - сервис 3GPT от 3SELLER. Это ИИ-роутер, который даёт прямой доступ из России ко всем последним флагманским моделям нейросетей. Среди них:
- Chat GPT 6 Astra
- Claude Fable 5
- Claude Fable 5.1
- Claude Opus 5.5
- Chat GPT 5.5
- Chat GPT 6.1 Sol
- Nano Banana для создания изображений
- и другие
Через 3GPT можно не только общаться с чат-моделями. Сервис подходит для повседневных задач в бизнесе и работе: создавайте продающие тексты, сайты, реалистичные изображения, видеоролики и генерируйте голос. Всё в одном месте, без десятка подписок.
Работает это просто: вы регистрируетесь на сайте, пополняете баланс российской картой, через СБП или криптовалюту - и получаете API-ключ. Дальше можно использовать модели через веб-интерфейс или интегрировать в свои инструменты, включая Claude Code. Да, именно так - вы можете подключить Claude Code к 3GPT и работать без ограничений по геолокации.
Стоимость очень демократичная - от 149 рублей за подписку. По сравнению с иностранными тарифами получается в разы дешевле, а ещё не нужно думать о блокировках и верификации карт.
Практический пример: создание сайта через 3GPT
Я попробовал сделать сайт через 3GPT - процесс ничем не отличается от официального доступа. Та же функциональность, те же команды. Вот как это выглядело:
- Зарегистрировался на 3GPT и пополнил баланс.
- Скачал Claude Code, в настройках указал адрес API-сервера 3GPT.
- Создал папку, запустил Claude Code, написал описание сайта.
- Через 5 минут получил готовый лендинг, запустил локально, проверил.
- Опубликовал на Netlify командой одной строкой.
Всё работает. И если вы устали от попыток оплатить Anthropic с российского IP, лучше сразу идти на 3GPT.
Бонус: готовые ИИ-агенты для ускорения
У 3GPT есть ещё одна классная фишка - библиотека готовых ИИ-агентов. Вы выбираете агента под свою задачу (например, «создай лендинг по ТЗ») и просто общаетесь с ним. Модель агента можно менять прямо в чате - переключился на Claude 5.1 или Chat GPT 6, и агент использует её. Это очень удобно, когда не хочется писать промпты с нуля.
Например, агент «Продающие тексты» генерирует копирайт для сайта, агент «Дизайнер» предлагает макеты и код. Вы просто выбираете нужного и ставите задачу. Всё автоматизировано.
Итоги моего опыта
Claude Code - это реально инструмент, который меняет подход к разработке. Сайт, который раньше занял бы неделю, теперь делается за вечер. Даже если вы не программист, вы можете создать профессиональный лендинг или даже полноценный сервис, просто описывая, что нужно.
Главное - правильно формулировать запросы, дробить задачу на этапы и не бояться итераций. И иметь доступ к нейросети. Если вы в России - используйте 3GPT, чтобы не мучиться с блокировками. Работает стабильно, все модели доступны, оплата без проблем.
Начните с простого: создайте папку, откройте VS Code, напишите свой первый запрос. Через час у вас будет готовый сайт. А дальше - больше.