Вопрос «claude как создать сайт» я встречаю в каждом втором комментарии под своими постами. Отвечаю сразу: вполне реально, и я не про лендинг на конструкторе, а про код, который Claude пишет с нуля под ваш проект. Ниже покажу, как это выглядит на практике, где вы будете материться и что нужно, чтобы не получить типичную поделку с нейросетевым лицом.
Сначала делаем MVP, потом всё остальное
Если вы попросите Claude сразу собрать полноценный сайт, он сделает что-то, но будет больно. Мой путь из статьи на Хабре почти дословно повторяет классическую последовательность:
- сделать MVP на localhost, чтобы просто открывалась страница с текстом;
- собрать главную страницу;
- добавить ещё одну страницу, потом ленту блога;
- сделать шаблон статьи;
- добавить тёмную тему;
- настроить деплой main-версии и привязать домен.
Выглядит скучно, но именно такой подход спасает. Каждый шаг вы проверяете на локальном сервере, и Claude Code успевает не уехать в кювет. У меня был опыт, когда он на ровном месте сломал вёрстку, потому что я попросил «сделать красиво» без конкретики.
ИИ-сайты видно сразу. Как этого избежать
Самый частый симптом сайтов, собранных нейросетью, это визуальный шум. Кнопки на месте, но что-то не так. Проблема в том, что Claude использует типовые решения, если не задать референс. Автор на vc.ru честно написал: «ИИ-сайты видно визуально так же, как ИИ-тексты». Он предлагает три выхода.
Первый: взять готовые шаблоны экранов в интернете. Дизайн будет с анимациями, но единый стиль сайта поплывёт, потому что шаблоны живут своей жизнью.
Второй: попросить Claude скопировать визуал чужого сайта. Для простых проектов работает, для сложного дизайна нет.
Третий: использовать плагин frontend-design в Claude Code. Именно он делает сайт в едином стиле, особенно если работать с Claude Opus 4.6. Лично мне этот вариант зашёл больше всего. Максимально простой и без лишнего пафоса, но выполняет свои функции.
Как я работаю с Claude Code: чат, задача, скриншот
На Хабре описали процесс, который я повторяю почти один в один. Запускаю новый чат с Claude Code, скидываю файл задачи с описанием и ссылками на нужные куски Knowledge base. Claude всё изучает, пишет план. Если план устраивает, запускаю. Дальше происходит магия, потом я открываю localhost и смотрю на результат.
С первого раза ничего не получается. В 90% случаев скриншот, отправленный в чат, оказывается лучшим инструментом коммуникации. Просишь поправить то, что видно на скриншоте, Claude переделывает. И так шаг за шагом.
Такой цикл надо просто принять. Не как баг, а как фичу. Иначе будете сидеть и ждать, что нейросеть сама угадает ваши хотелки.
Как правильно ставить задачи Claude
Главная ошибка новичков, просить Claude сделать всё сразу. «Собери мне сайт» это не задача, а заявка на катастрофу. Рабочая формулировка выглядит так: «Сделай index.html с шапкой, hero-блоком и футером. Используй сетку Bootstrap. Шрифты подключи через Google Fonts». Чем конкретнее, тем лучше результат.
Ещё один совет: просите Claude объяснять, что он делает. Не для галочки, а чтобы вы могли быстро найти проблему. Когда нейросеть пишет код, а потом сама же комментирует, отлаживать в разы проще.
И не забывайте про итерации. Даже опытные разработчики получают от Claude рабочий код с десятой попытки. И это нормально.
SEO и скорость: Claude умеет и это
После того как сайт начал работать, я прогнал его через PageSpeed Insights. Результаты были так себе, около 70 баллов. Скопировал все рекомендации и попросил Claude Code это починить. Он справился, скорость выросла.
Причём SEO-аудит он предложил провести сам. Добавил robots.txt, сделал sitemap, метатеги и opengraph на всех страницах, помог подключить Яндекс.Метрику и Вебмастер. Сэкономил мне целый вечер, хотя раньше такие вещи я делал руками и долго.
Подключаем CMS к сайту на Claude Code
Одна из фишек, о которой мало говорят, это связка с CMS. По изначальному плану у моего сайта должна быть админка, я выбрал Payload CMS. Claude Code спокойно поднял её и интегрировал с основным кодом. Теперь контент можно менять не только через код, но и через интерфейс.
Такой подход меняет правила игры. Вы получаете сайт, который собрали с помощью ИИ, но при этом обычный менеджер сможет добавлять статьи без вашего участия.
Установка Claude Code: с чего начать
Если вы ещё не пробовали, вот простой путь. Заходите на claude.ai, внизу находите Get Apps and Extensions, скачиваете десктопное приложение. После установки справа можно переключиться на код. Claude Code попросит доступ к вашему аккаунту, всё стандартно.
Дальше уже начинается работа с файлами проекта. Я просто открываю папку с сайтом и начинаю диалог.
Где взять Claude в России и не мучиться
С оплатой из России всё сложно. Claude Code официально работает не из всех стран, и с оплатой из России возникают проблемы. Карты наших банков зарубежные сервисы не принимают, а VPN только добавляет головной боли.
Решается это просто: сервис 3GPT от 3SELLER даёт доступ ко всем последним флагманским моделям нейросетей. В списке Claude Fable 5, Claude Fable 5.1, Claude Opus 5.5, Chat GPT 6 Astra и Chat GPT 5.5. Плюс Chat GPT 6.1 Sol и Nano Banana для генерации изображений. Всё это за 149 рублей в месяц. Chat GPT 6 и Claude Fable 5 в России без иностранных карт.
Оплатить можно российской картой, через СБП или криптой. Никаких иностранных карт не нужно. Я пользуюсь 3GPT для экспериментов с моделями, которые недоступны напрямую, и это сильно экономит время.
Через 3GPT можно не только работать с моделями, но и создавать реалистичные изображения, генерировать видео и голос. Для контентного сайта это закрывает сразу три потребности.
Вот скриншот для наглядности:
ИИ-агенты под ваши задачи: не нужно ничего настраивать
Отдельная фишка, которая мне нравится, это готовые ИИ-агенты от 3GPT. Выбираете нужного, начинаете общаться, а модель внутри чата можно менять прямо по ходу. Очень удобно, когда не хотите разбираться в промптах, а хотите получить результат: продающий текст, код, аналитику.
Посмотрите, как это выглядит:
Агенты доступны по ссылке https://3seller.com/ai/agents. Для создания сайта это реальный ускоритель: описываете задачу, агент сам подбирает нужный инструмент и доводит до результата.
Сборка сайта через Claude Code не магия, а методичная работа. Вы контролируете каждый шаг, Claude генерирует код и тексты, вы проверяете и отправляете скриншоты на доработку. Такой подход работает и для портфолио, и для лендинга, и для блога с админкой.
Если нужен доступ к Claude и другим нейросетям без танцев с бубном, заходите на 3GPT. Оплата российской картой, все модели на месте, никаких VPN.