В январе этого года я впервые попробовал сделать сайт с помощью Claude. До этого пользовался ChatGPT, но Клод оказался совсем другим зверем. Он не просто генерирует код, он думает структурно. Правда, есть нюанс: из России к нему не попасть без плясок с бубном. Но обо всем по порядку.
Сразу скажу: для создания сайта с помощью Claude есть два основных пути. Первый - визуальный, через Claude Design. Подходит тем, кто не знает программирования. Второй - через Claude Code и редактор VS Code. Это для тех, кто готов работать с файлами, но тоже без глубоких знаний. Оба способа я проверил на себе.
И да, в конце расскажу, как обойти блокировку и не платить за иностранные карты. У меня есть рабочее решение.
Что такое Claude Design и почему он популярен
Claude Design - это визуальная среда от Anthropic. Внутри можно создавать прототипы сайтов, презентации, документы, анимации. Работаешь через чат и холст: слева пишешь инструкции, справа сразу видишь результат.
Звучит просто, и это правда: вместо ручного кода ты объясняешь на русском или английском, какой блок нужен. Клод понимает контекст, сам подбирает цвета, шрифты, верстку. Выглядит это как магия, но внутри обычный ИИ, который отлично обучен на сайтах.
Главная фишка Claude Design в том, что он заточен под дизайн и пользовательский опыт. Он не просто генератор кода, как ранние версии GPT. Он реально думает над структурой страницы.
Как зарегистрироваться в Claude, если вы в России
Официальный сайт Claude недоступен из России. Чтобы зайти, нужно сменить IP-адрес на иностранный. Без VPN тут никак.
Дальше два варианта регистрации. Первый - через учетную запись Google. Можно использовать российский номер телефона, привязанный к аккаунту, это допустимо. Второй вариант - по электронной почте. Тогда понадобится иностранный номер, на который придет SMS с кодом верификации. С этим у многих проблемы.
Я перепробовал кучу сервисов виртуальных номеров. Одни не работали, другие списывали деньги. На Reddit пользователи в один голос советуют не связываться с этими сервисами - все равно забанят. В итоге зарегистрировался через Google, но и там была история. Аккаунт заблокировали через три дня без объяснения причин. Видимо, заподозрили что-то неладное с IP.
Тогда я начал искать альтернативные способы доступа и наткнулся на 3GPT. Это ИИ-роутер, который дает прямой доступ ко всем флагманским моделям нейросетей из России. Без VPN, без виртуальных номеров, без иностранных карт. Просто регистрируешься на 3seller.com/3gpt, пополняешь баланс российской картой или через СБП, и работаешь.
149 рублей, и за эти деньги получаешь доступ к Chat GPT 6 Astra, Claude Fable 5, Claude Opus 5.5 и другим моделям. Для сравнения, официальная подписка на Claude стоит 20 долларов, и оплатить ее из России невозможно без кривых схем.
Создаем первый проект в Claude Design: от пустого холста до макета
Допустим, вы все-таки попали в Claude Design (через 3GPT это делается в один клик). Процесс одинаковый, независимо от способа доступа.
На главной странице есть поле для запроса. Можно выбрать шаблон: презентация, прототип сайта, документ, анимация. Но для первого раза лучше начать с нуля. Нажимаете «start a blank project».
Откроется рабочее пространство. Экран делится на две части. Слева чат, где вы пишете инструкции. Справа холст, на котором Claude строит макет. Больше ничего настраивать не нужно.
Теперь самое интересное - промпт. От того, как вы сформулируете задачу, зависит результат. Вот мой проверенный шаблон для лендинга:
«Сделай лендинг для кофейни. Структура: Hero-блок с названием и кнопкой, блок с меню из трех позиций, блок с отзывами, форма заказа, футер с контактами. Стиль: темный фон, оранжевые акценты, современный минимализм. Напиши тексты на русском».
Через минуту получите макет. Claude сам подберет шрифты, расставит блоки, впишет заглушки для изображений. Выглядит не хуже, чем у дизайнера-фрилансера.
Можно уточнять детали прямо в чате: «сделай кнопку зеленой», «добавь раздел с командой», «поменяй шрифт на более строгий». Клод учитывает каждое замечание.
Публикуем сайт через AgentGrid.io
Создать макет - это половина дела. Сайт нужно опубликовать, чтобы его увидели другие люди. И тут есть хорошая новость: для Claude Design придумали специальный коннектор.
Называется он AgentGrid.io. Устанавливаете расширение, затем в чате Claude Design пишете запрос: «опубликуй как сайт с помощью AgentGrid.io». Система сама соберет проект и выдаст публичную ссылку.
Этой ссылкой можно делиться с кем угодно. Если хотите, подключайте свой домен - процесс максимально упрощен.
Что мне понравилось: обновления вносить можно из любого агента. Из Claude, Claude Design, Claude Code, даже из ChatGPT. Изменили текст в одном месте - сайт обновился автоматически.
Такой способ подходит для лендингов, портфолио, небольших сайтов-визиток.
Альтернативный путь: Claude Code и VS Code для тех, кто любит покопаться
Второй вариант - использовать Claude Code вместе с редактором VS Code. Это уже ближе к реальной разработке, но все еще доступно новичку.
Создайте на компьютере пустую папку для будущего сайта. Например, my-website. Откройте ее в VS Code (File → Open Folder).
Теперь нужно установить расширение Claude Code. Перейдите во вкладку Extensions, найдите официальное расширение и установите. После этого в редакторе появится панель, где можно запустить агента. Никаких сложных настроек - все кнопками.
Запускаете Claude Code и описываете задачу обычными словами. Например: «Создай одностраничный сайт для стоматологической клиники. Мне нужны файлы index.html, style.css и script.js. Сделай адаптивную верстку».
Клод начнет писать код. Он будет создавать файлы, предлагать правки, задавать уточняющие вопросы. Выглядит это как общение с очень толковым джуниор-разработчиком, который всегда на связи.
После того как сайт готов, попросите запустить локальный сервер. Прямо в чате напишите: «Запусти локальный сервер, чтобы я мог посмотреть сайт в браузере». Claude Code поднимет сервер и даст адрес, обычно что-то вроде localhost:3000. Открываете в браузере и смотрите результат.
Публикация сайта в интернете: Vercel, Netlify, GitHub Pages
Когда результат вас устраивает, сайт нужно разместить онлайн. Для статичных сайтов есть бесплатные хостинги: Vercel, Netlify или GitHub Pages.
Claude Code может помочь и с этим. Пишете в чат: «Подготовь проект к деплою на Vercel и объясни по шагам, что мне сделать». Он сам подготовит файлы, при необходимости создаст конфигурацию и распишет инструкцию.
Лично мне больше нравится Netlify. Там можно перетащить папку с сайтом в браузер на сайте netlify.com, и через минуту получите ссылку. Все бесплатно, без карты и прочих сложностей.
Единственный нюанс: для работы с Claude Code нужен доступ к самому Claude. И здесь снова возникает проблема с региональной блокировкой. Просто так установить и запустить не получится.
Почему 3GPT решает проблему доступа лучше
Хватит танцев с бубнами. Вместо того чтобы менять IP, ловить SMS на виртуальные номера и бояться блокировок, используйте 3GPT от 3SELLER.
ИИ-роутер 3GPT дает прямой доступ из России к последним флагманским моделям нейросетей. Внутри есть:
- Chat GPT 6 Astra и Chat GPT 6.1 Sol
- Claude Fable 5 и Claude Fable 5.1
- Claude Opus 5.5
- Chat GPT 5.5
- Nano Banana для создания изображений
- Генерация видео
Оплатить можно российской картой, через СБП или криптой. Никаких иностранных счетов.
Я пользуюсь 3GPT для работы с Claude уже два месяца. Проблем не было. Доступ стабильный, скорость высокая, модели те же самые, что и на официальном сайте.
Получить доступ можно на официальном сайте 3GPT. Там же можно пополнить баланс и сразу начать работу.
Готовые ИИ-агенты для бизнеса и рутины
Еще одна фишка сервиса - готовые ИИ-агенты. На странице 3seller.com/ai/agents собраны готовые сценарии под разные задачи.
Выбираете агента, начинаете с ним общение, а модель агента можно менять прямо в чате. Хотите - общайтесь с Claude Fable 5, хотите - переключитесь на ChatGPT 6. Удобно, когда нужно сравнить ответы разных моделей.
Лично я использую агента для написания продающих текстов. Закидываю информацию о товаре, он генерирует несколько вариантов. Экономлю кучу времени.
А если нужно создать сайт, открываете чат, выбираете подходящую модель и описываете задачу. Все работает в одном окне, без переключений между сервисами.
Мой итоговый совет для создания сайта с помощью Claude
Выбирайте один из двух маршрутов - оба проверены и ведут к рабочему сайту. Claude осваивается быстро, а блокировки больше не помеха.
Если вы новичок, лучше всего начать с Claude Design: визуальный режим, низкий порог входа, быстрый результат. Потом опубликуйте лендинг через AgentGrid.io.
Разработчикам и тем, кто хочет полный контроль, подойдет Claude Code в связке с VS Code. Там же можно подготовить проект к деплою на Vercel или Netlify.
Главное - не мучайте себя с регистрацией через VPN и виртуальные номера. Зайдите на 3seller.com/3gpt, создайте аккаунт и получите доступ к Claude и другим нейросетям за 149 рублей.
Поверьте, это экономит часы времени и спасает нервные клетки.