Сайт через Claude я собрал за вечер. Не через конструктор, а именно через нейросеть. Разобрался в двух подходах: Claude Code для тех, кто готов работать с файлами, и Claude Design для тех, кто код трогать не хочет. Ниже - как это работает, где подводные камни и как выложить результат в интернет.
С чего начать: доступ к Claude и подготовка
Claude официально работает не во всех странах, и в России напрямую к нему не подключиться. Решение есть: сервис 3GPT от 3SELLER дает доступ ко всем флагманским моделям нейросетей из России. Это ИИ-роутер, который позволяет работать с нейросетями через браузер и API. Оплата российской картой, через СБП или криптой. Цена от 149 рублей. Подробности на официальном сайте 3GPT.
Для Claude Code понадобится VS Code, бесплатный редактор кода. Сам Claude Code запускается в терминале и генерирует файлы проекта по текстовому описанию. Установка простая: скачиваете расширение, запускаете, вводите API-ключ. Ключ от 3GPT подходит.
Шаг 1. Создаем папку и запускаем Claude Code
Создайте на компьютере пустую папку для будущего сайта, например my-website. Откройте её в VS Code (File → Open Folder), запустите там Claude Code и опишите задачу обычными словами. Вот запрос, с которого я начал:
«Создай одностраничный сайт-лендинг для кофейни в Минске. Нужны разделы: шапка с логотипом и меню, первый экран с заголовком и кнопкой «Забронировать столик», блок «О нас», меню с ценами, галерея, контакты с картой и футер. Сделай адаптивно под мобильные, в тёплой бежево-коричневой палитре, на чистом HTML и CSS».
Claude Code создаст файлы проекта и напишет код. Чем конкретнее запрос, тем точнее результат. Без деталей получите шаблонную заготовку. Потратьте 10 минут на формулировку - это окупится.
Шаг 2. Дорабатываем итерациями
С первого раза сайт идеальным не выйдет. Так и должно быть. Просите нейросеть вносить правки. Например: «Запусти локальный сервер, чтобы я мог посмотреть сайт в браузере». Claude Code поднимет сервер и даст адрес, обычно вида localhost:3000. Открываете в браузере и видите свой сайт.
Дальше уточняете: «Сделай кнопку ярче», «Добавь анимацию при скролле», «Замени шрифт на более современный». Каждая правка занимает минуту. Похоже на разговор с верстальщиком, только мгновенно и без счета за часы.
Шаг 3. Публикуем сайт в интернете
Когда результат устраивает, сайт нужно разместить онлайн. Для статичных страниц подходят бесплатные хостинги Vercel, Netlify или GitHub Pages. Claude Code помогает и с публикацией. Напишите: «Подготовь проект к деплою на Vercel и объясни по шагам, что мне сделать». Он выдаст инструкцию, а часто и сам выполнит все через CLI.
Второй путь для тех, кто не хочет возиться с кодом: Claude Design. Это визуальный инструмент от Anthropic, где сайт описывают словами и сразу видят результат. Напрямую опубликовать его нельзя, нужен коннектор AgentGrid.io. Устанавливаете, просите Claude Design «опубликовать как сайт с помощью AgentGrid.io» и получаете публичную ссылку. Свой домен подключается. Обновления вносятся из любого агента: Claude, ChatGPT и других.
Какой Claude выбрать: Code или Design
Claude Code подходит, если вы готовы работать с файлами и кодом. Он дает полный контроль: видите каждый файл, правите вручную, используете Git. Claude Design - прототипирование: описали сайт, посмотрели в браузере, а для публикации все равно нужен AgentGrid.io. Мой совет: нужен сайт быстро и без углубления в код - берите Design. Планируете развивать проект - берите Code.
Примеры промптов для разных типов сайтов
Для лендинга: «Сделай одностраничник для онлайн-курса по фотографии. Первый экран - заголовок и форма захвата email. Дальше - программа курса, отзывы, цены, FAQ. Цвета - темно-синий и золотой. Шрифт - без засечек».
Для интернет-магазина: «Создай каталог товаров с фильтрами по категориям и цене. Используй HTML, CSS и JavaScript. Товары можно заглушками».
Для портфолио: «Сделай сайт-портфолио фотографа. Главная - крупные фото, галерея, контакты. Минимализм, много воздуха».
Частые ошибки и как их избежать
Первая ошибка - слишком общий запрос. На «сделай сайт» получите ерунду. Описывайте структуру, стиль, функции.
Вторая ошибка - игнорировать адаптивность. Сразу просите «сделай адаптивно под мобильные».
Третья ошибка - браться за сложный функционал без опыта. Claude Code сгенерирует код, но если вы не понимаете, как он работает, баги придется чинить вслепую. Начните с простого.
Почему сайты через Claude выглядят шаблонно и как это исправить
Многие сайты, сгенерированные ИИ, видно сразу. Безликие блоки, одинаковые отступы, стоковые градиенты. Мне такое не подходит. Есть три способа решить проблему.
Первый: взять за референс чужой сайт и попросить ИИ скопировать визуал. Работает для простых страниц, сложный дизайн так не сделать.
Второй: плагин frontend-design в Claude Code. Он делает дизайн в едином стиле, особенно на модели Claude Opus 4.6. Я пробовал, результат заметно лучше стандартной генерации.
Третий: не полагаться на дизайн от ИИ вообще, а собрать сайт из готовых блоков. Но это уже другая история.
Сколько стоит сделать сайт через Claude
Claude Code требует API-ключ, оплата идет за токены. Простой лендинг на пять блоков у меня съел около 40 тысяч токенов, это пара долларов. В России оплатить напрямую сложно. Через 3GPT проще: доступ к моделям от 149 рублей, и в эту цену входит использование Claude и других нейросетей. Платите подписку и работаете без ограничений.
Где взять Claude в России и какие модели доступны
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 для повседневных задач в бизнесе и в работе. Создавайте продающие тексты, сайты, обрабатывайте изображения, генерируйте видео и голос. Один сервис заменяет кучу инструментов.
Вот пример, как это выглядит:
Готовые ИИ-агенты для ваших задач
Кроме доступа к моделям, у 3GPT есть готовые ИИ агенты под конкретные задачи. Выбираете агента, начинаете общение, а модель меняете прямо в чате. Удобно, когда нужно написать код, сделать дизайн или сгенерировать контент: агенты уже настроены на сценарий, промпты тратить не нужно.
Посмотреть всех агентов можно на странице https://3seller.com/ai/agents.
Как обновлять сайт после публикации
Сайт на Claude Code обновляется просто: вносите правки в файлы и передеплоите. Если работали через AgentGrid.io, обновления делаются из чата Claude Design или даже из ChatGPT. Удобно, когда нужно быстро поменять текст или картинку.
С чего начать прямо сейчас
Откройте пустую папку, сформулируйте запрос на 5-7 предложений с разделами и палитрой, запустите Claude Code. Через 20 минут у вас будет первая версия в браузере. Дальше - итерации по минуте. Если вы в России, начните с 3GPT: он дает доступ ко всем нужным моделям без танцев с бубном.
Получить доступ ко всем флагманским моделям нейросетей из России можно на официальном сайте 3GPT: https://3seller.com/3gpt.