Хватит ждать фрилансеров по две недели и платить за каждый экран отдельно. Сайт можно собрать за один вечер с помощью Claude Code, и я сейчас покажу, как это делаю. Без магии, но с парой подводных камней, о которых молчат в туториалах.
Всё, что понадобится, - это доступ к Клоду, идея и немного материалов. Остальное нейросеть затянет сама. Проверено на личном проекте.
Что нужно, чтобы сделать сайт через Клод
Первое, с чем придётся разобраться, - сам Claude Code. Это инструмент, который работает в терминале и программирует за тебя. Ты описываешь, какой сайт нужен, а он пишет код, верстает страницы, добавляет анимации. Звучит как фантастика, но это работает уже сейчас.
Второе - материалы. Если хочешь сайт с красивыми эффектами, заранее подготовь видео или картинки. Например, в одном из гайдов человек делает лендинг, который анимируется при скролле. Всё держится на двух вещах: Claude Code, который собирает сайт, и видео, которое нарезается на кадры. Ты скроллишь - картинка оживает.
Третье - сам контент: тексты, портфолио, контакты. Клод не придумает твои реальные проекты, поэтому это единственное, что придётся сделать руками. Впрочем, даже тексты можно черновиком набросать самому, а потом попросить нейросеть их докрутить.
И четвёртое - доступ к моделям. Вот тут у жителей России начинается боль. Официально оплатить подписку на Claude нельзя, нужна иностранная карта. Я эту проблему решаю через сервис 3GPT - он даёт прямой доступ ко всем флагманским нейросетям, включая Claude Fable 5, Claude Opus 5.5, ChatGPT 6 и другие. Подписка стоит 149 рублей, оплачивается российской картой, через СБП или криптой. Без танцев с бубном и иностранных карт.
Получить доступ ко всем флагманским моделям нейросетей из России можно на официальном сайте 3GPT - https://3seller.com/3gpt.
Установка Claude Code: быстрый старт
Установка на самом деле простая, хотя в первый раз я провозился минут десять из-за глупой ошибки. Сейчас распишу по шагам, чтобы ты не наступил на те же грабли.
Заходим на claude.ai. Там находим документацию Claude Code и копируем команду для установки. Потом открываем терминал, вставляем команду и ждём. Всё, установка начинается. После надписи installation complete можно запускать Claude Code.
Дальше нужно залогиниться. Здесь важный момент: иногда ввод ключа не отображается, поле выглядит пустым. Не пугайся, просто нажимай Enter - вход произойдёт. Я в первый раз думал, что сломал всё, а оказалось, так и должно быть.
Теперь создаём папку для проекта. В терминале делаем mkdir имя-папки, переходим в неё и запускаем Claude Code. Можно сразу попросить его создать структуру файлов, а можно описать задачу целиком.
Готовим материалы: видео, картинки, тексты
Самый частый вопрос от новичков: а что, если я не умею рисовать и монтировать? Для этого есть нейросети. В моём рабочем процессе связка такая: Claude Code собирает сайт, Nano Banana генерирует изображения, а Clink делает из картинок живую анимацию. Вместе они выдают такой сайт, за который раньше брали тысячи долларов.
В одном туториале человек делает лендинг на $5000 всего за 19 минут. Подготовил видео на 25 секунд, рассказал Клоду идею - и тот нарезал видео на кадры, чтобы при скролле страница превращалась в анимацию. И это не магия, а просто правильное описание задачи.
Если тебе нужны изображения для блока услуг или портфолио, используй Nano Banana. Она делает максимально реалистичные картинки, от которых сложно отличить фотографии. А если хочешь видео - генерация роликов тоже доступна.
Тексты я обычно пишу сам, а Клод их полирует. Потому что ИИ-тексты видно сразу, они какие-то стерильные. А вот если взять свои мысли и попросить нейросеть сделать их живее, получается нормально.
Как объяснить Клоду, что ты хочешь
Здесь всё просто: рассказывай Клоду так, как рассказал бы программисту. Представь, что к тебе пришёл разработчик, ты показываешь ему референс и объясняешь поведение сайта. Вот ровно это и надо писать в Claude Code.
Например: Сделай сайт, который анимируется при скролле. Я готовлю видео длиной 25 секунд. Нужно нарезать его на кадры, и когда пользователь скроллит страницу вниз, картинка должна проигрываться как видео.
Клод понимает такие задачи. Он сам предложит структуру, разобьёт на компоненты, напишет стили. Если что-то не нравится - просто скажи ему, и он переделает.
Главное - не давать абстракций. «Сделай красиво» не работает. Нужно конкретно: какие секции, какого цвета фон, какие эффекты при наведении, где какая кнопка. Чем детальнее ТЗ, тем лучше результат.
Дизайн: три способа не получить унылый ИИ-сайт
Честно скажу, большая часть сайтов, которые делают через нейросети, выглядят одинаково. Такой стерильный корпоративный стиль, который сразу считывается как «сделано ИИ». Если хочешь выделиться, у меня есть три рабочих варианта.
Первый - взять за референс чужой сайт и попросить Клода скопировать визуал. Для простых лендингов это работает идеально. Сложный дизайн так не повторить, но базовую структуру и сетку стянет.
Второй - использовать плагин frontend-design в Claude Code. Он генерирует дизайн в едином стиле, и если взять модель посвежее, типа Claude Opus 4.6 или выше, выходит очень прилично. Я так делал, когда не хотел заморачиваться с референсами.
Третий вариант - не париться с дизайном и сделать максимально простую, но рабочую страницу. Так поступил один автор на vc.ru, когда собирал сайт-портфолио. Он признался: дизайн убогий, но сайт выполняет свои функции, и он льёт на него трафик. Иногда это лучше, чем бесконечно вылизывать пиксели.
Мой совет: для первого проекта возьми референс. Найдите сайт, который тебе нравится, опишите его Клоду и попросите сделать похожий. Так ты получишь и нормальный вид, и не потратишь часы на дизайн.
Сборка и запуск: от файлов до готового сайта
Когда Клод написал код, остаётся собрать его воедино. Чаще всего он сам создаёт все файлы в папке. Тебе нужно только открыть проект в браузере или задеплоить на хостинг.
Если работаешь на сервере, первым делом загрузи файлы. Обычно это делается через файловый менеджер: создаёшь папку, загружаешь туда index.html, стили, скрипты и картинки. Потом открываешь сайт по адресу и проверяешь.
Не переживай, если что-то не работает с первого раза. Claude Code отлично исправляет свои ошибки. Просто скопируй текст ошибки и вставь ему в чат. Он проанализирует и починит.
В финале обязательно пройди по всем страницам, потыкай кнопки, заполни формы. ИИ мог что-то перепутать в интерактивных элементах. Лучше найти баги самому, чем когда их найдёт клиент.
ИИ-агенты: делаем ещё быстрее
Небольшой лайфхак от меня: помимо прямого общения с Клодом, я использую готовых ИИ-агентов в 3GPT. Это такие предсобранные сценарии под конкретные задачи - написать пост, сделать лендинг, сгенерировать идеи. Выбираешь агента, начинаешь с ним чат, и модель можно менять прямо в процессе.
Например, если нужно быстро собрать структуру сайта, я захожу в раздел агентов и беру того, который занимается веб-разработкой. Он спрашивает нужные вопросы и выдаёт готовый каркас. Потом этот каркас переношу в Claude Code и докручиваю дизайн.
Вот как выглядит интерфейс с ИИ-агентами:
Выбрать готового ИИ агента и начать с ним общение можно здесь: https://3seller.com/ai/agents. Модель агента меняется прямо в чате, так что никаких ограничений.
Немного про сам 3GPT
Ладно, давай без рекламных лозунгов, по делу. 3GPT - это ИИ-роутер, который даёт доступ к последним флагманским моделям нейросетей из России. Никаких иностранных карт, никаких зарубежных прокси и смс-активаций. Просто регистрируешься, пополняешь баланс и получаешь доступ.
Внутри есть всё, что нужно для создания сайтов: новые версии Claude, ChatGPT, генерация изображений через Nano Banana, создание видео и голоса. Это как швейцарский нож для контентщика и разработчика.
Я плачу 149 рублей в месяц и забываю про все эти мытарства с API и картами. Работает стабильно, отвечает быстро. С момента запуска прошло какое-то время, но за это время я сделал уже три сайта, которые раньше отдал бы на аутсорс.
Несколько финальных мыслей
Сделать сайт через Клода - реально. Это занимает от 20 минут до пары часов, в зависимости от сложности. Тебе не нужен дизайнер, верстальщик и программист. Нужен только доступ к нейросети и чёткое понимание, что ты хочешь.
Честно говоря, самый трудоёмкий этап - не код, а подготовка материалов и текстов. Но и это можно ускорить. Тексты набросай сам, изображения сгенерируй, видео сними на телефон. Клод соберёт всё в работающий сайт.
Не жди идеала с первого раза. Сначала будет криво, потом лучше, после третьей итерации уже можно показывать людям. Это нормальный процесс, так работает любой инструмент.
Если хочешь попробовать прямо сейчас, вот тебе два шага. Первый: зайди на https://3seller.com/3gpt, получи доступ к Клоду и другим моделям. Второй: установи Claude Code и опиши свою идею. Через час у тебя будет каркас сайта, а через день - готовый проект. Удачи в сборке, и делитесь результатами в комментариях.