Сразу к делу: Claude умеет делать сайты. Вопрос только в том, каким способом и сколько нервов вы готовы вложить. Я перепробовал оба основных пути - через Claude Design и через Claude Code. Ниже разбор с деталями, которые обычно опускают.
Отвечаю на частый вопрос «как сделать сайт на Claude»: есть два рабочих сценария. Первый - визуальный, для новичков. Второй - через код, для тех, кто хочет полный контроль. Оба имеют право на жизнь, и я расскажу, как выбрать свой.
Что именно умеет Claude для сайтов
Тут три разных инструмента, и их часто путают. Обычный чат Claude - он генерирует код, но не показывает результат. Claude Design - это визуальная среда, где Claude рисует прототип, а потом можно опубликовать. Claude Code - это агент, который работает прямо в вашем редакторе кода, создает файлы, запускает сервер, деплоит.
Все три могут сделать сайт. Но подход разный. Для лендинга или простого сайта-визитки хватит Claude Design. Для более серьёзного проекта берите Claude Code.
Ещё есть связка Claude Design + AgentGrid.io. Она позволяет превратить прототип в настоящий опубликованный сайт за пару кликов. Об этом ниже.
У Claude есть важное преимущество перед другими нейросетями: он хорошо понимает контекст и умеет генерировать не только код, но и тексты, структуру, семантику. В итоге получаете не просто набор файлов, а продуманный продукт. Особенно это заметно в Claude Opus 4.5 и новее. Если у вас есть доступ к этой модели - считайте, полдела сделано.
Способ 1: Claude Design + AgentGrid.io - самый быстрый старт
История такая. Anthropic выпустила Claude Design как отдельный продукт. Внутри можно выбрать шаблон: презентация, прототип сайта, документ, анимация. Вы пишете запрос, получаете результат. Но чтобы опубликовать это в интернет, нужен посредник. Один из удобных - коннектор AgentGrid.io.
Вот как это работает по шагам:
- Установите коннектор AgentGrid.io для Claude.
- В чате Claude Design попросите «опубликовать как сайт с помощью AgentGrid.io».
- AgentGrid.io даст публичную ссылку. Можно подключить свой домен.
- Дальше обновляете сайт прямо из чата - изменения появятся автоматически.
На Reddit разработчики называют эту связку самым быстрым способом опубликовать прототип без кода.
Звучит просто. На практике есть нюанс: для работы с AgentGrid.io нужен доступ к Claude Design, а он доступен не во всех странах. О том, как решить эту проблему из России, расскажу ниже.
Чтобы сделать сайт качественным, подготовьте материалы заранее. В Claude Design можно перетаскивать файлы в окно чата: изображения, тексты, документы, аудио. Тогда Claude будет опираться на реальные данные, а не на фантазии. Например, если это сайт компании, прикрепите логотип, тексты о компании, прайс. Запрос при этом может быть очень общим, вроде «сделай современный лендинг по этим материалам».
Если не хотите возиться с подготовкой, просто опишите задачу словами. Claude сам придумает структуру и наполнение. Но тогда будьте готовы к итерациям: вы будете уточнять, что-то менять, переписывать. Это нормально.
Кстати, обновления сайта можно вносить не только из Claude Design. Тот же AgentGrid.io позволяет править сайт через Claude Code, ChatGPT или любого другого агента. Проще говоря, вы не привязаны к одному интерфейсу. Удобно, когда над проектом работает команда, и каждый использует свой инструмент.
Способ 2: Claude Code и VS Code - для тех, кто не боится кода
Способ через Claude Code - мой любимый. Вы работаете в привычном редакторе, а Claude делает всю рутину. На выходе - полноценный проект, который можно развернуть на бесплатном хостинге.
Пошаговый план:
- Создайте на компьютере пустую папку для будущего сайта, например my-website.
- Откройте её в VS Code: File → Open Folder.
- Установите расширение Claude Code из вкладки Extensions. После этого агента можно запускать прямо из редактора.
- Запустите Claude Code и опишите задачу обычными словами. Например: «Сделай лендинг для кофейни с меню и формой заказа».
- Claude создаст файлы, а затем попросите: «Запусти локальный сервер, чтобы я мог посмотреть сайт в браузере».
- Откройте адрес (обычно вида http://localhost:3000) - увидите свой сайт.
- Когда результат устраивает, попросите Claude подготовить проект к деплою на Vercel, Netlify или GitHub Pages. Он объяснит, что делать.
Промпты можно уточнять итерациями. Хотите другой цвет кнопки - скажите. Не понравился шрифт - тоже скажите. Claude Code перепишет код.
В отличие от Claude Design, здесь вы получаете полный код проекта. Можно потом дорабатывать руками, подключать базы данных, добавлять сложную логику. Claude Code отлично справляется с многостраничными сайтами, интернет-магазинами, личными кабинетами. Пользователи на Reddit сходятся во мнении: Claude Code особенно силён именно в таких проектах.
Новичкам может показаться, что работать в VS Code сложно. На самом деле, всё, что нужно от вас - уметь открыть папку и нажать несколько кнопок. Остальное Claude берёт на себя. Он сам создаёт структуру проекта, сам запускает сервер, сам объясняет, что происходит.
Пример хорошего промпта для Claude Code: «Подготовь проект к деплою на Vercel и объясни по шагам, что мне сделать». После этого агент покажет команды, которые нужно выполнить, или сделает всё сам. Это реально экономит часы.
Как правильно составить промпт для сайта
Успех зависит от того, что вы напишете в первом сообщении. Вот несколько правил, которые я вывел из практики:
- Опишите тип сайта: лендинг, корпоративный сайт, портфолио, интернет-магазин.
- Укажите аудиторию: для кого этот сайт.
- Перечислите структуру: какие блоки должны быть на странице.
- Добавьте примеры стилей: ссылка на похожий сайт или описание цветов.
- Скажите, что должно быть в финале: форма заявки, кнопка купить, контакты.
Пример хорошего промпта: «Сделай одностраничный лендинг для онлайн-школы английского языка. Целевая аудитория - взрослые от 25 лет, которые хотят заговорить за 3 месяца. Цвета - тёмно-синий и белый, современный стиль. На странице должны быть: главный экран с заголовком, блок преимуществ, отзывы, форма записи на бесплатный урок. Сделай адаптивную версию».
Такой промпт даст гораздо более предсказуемый результат, чем «сделай сайт». Уделите ему 10 минут - сэкономите час на правках.
Мой опыт: сколько это на самом деле занимает
Ролики в соцсетях обещают, что в Claude Design сайт делается за пять минут. На практике всё сложнее. На тестовый лендинг у меня ушло примерно 25 сообщений и около полутора часов. И это без учёта вынужденного простоя, когда я израсходовал все токены и ждал обновления лимитов.
Если вы делаете сайт впервые, закладывайте вечер. Но результат того стоит: вы получаете рабочий сайт без найма разработчика.
Подводные камни, с которыми столкнётесь:
- Лимиты токенов. У бесплатных аккаунтов они быстро заканчиваются. Придётся ждать или платить.
- Иногда Claude «забывает» предыдущие правки. Если меняли структуру, перепроверяйте итог.
- Для сложных сайтов Claude Code требует базового понимания, как работают файлы и папки.
Но эти сложности решаемы. Главное - подойти к процессу осознанно.
Ещё одна деталь: чем больше контекста вы дадите Claude, тем точнее результат. Я как-то делал сайт для стоматологии и просто скинул ссылку на сайт конкурента - Claude сам вытащил структуру и стиль. Если у вас есть примеры сайтов, которые вам нравятся, опишите их словами или киньте ссылки. Если есть брендбук - прикрепите. Модель использует это как референс.
И не пытайтесь сделать всё за один запрос. Итеративный подход работает лучше: сначала каркас, потом блоки, потом стили, потом тексты. Так вы контролируете процесс и быстрее находите ошибки.
Где взять Claude в России: 3GPT от 3SELLER
Claude официально недоступен в России. Карты российских банков не работают, аккаунты блокируют. Но есть решение - сервис 3GPT, который даёт доступ ко всем флагманским нейросетям через один интерфейс.
Что внутри:
- Chat GPT 6 Astra
- Claude Fable 5 и 5.1
- Claude Opus 5.5
- Chat GPT 5.5 и 6.1 Sol
- Nano Banana для создания изображений
- Генерация видео и голоса
Стоит это всего 149₽ в месяц. Оплатить можно российской картой, через СБП или криптой.
По сути это ИИ-роутер: вы получаете доступ к последним моделям без иностранных карт и VPN. Для создания сайта на Claude - то, что нужно.
Получить доступ можно на официальном сайте 3GPT - https://3seller.com/3gpt
Здесь вы можете переключаться между моделями прямо в чате. Например, начали делать сайт на Claude, а для финальной вычитки текста позвали GPT. Всё работает в одном окне, результаты сохраняются.
Бонус: готовые ИИ-агенты для ваших задач
У 3SELLER есть ещё одна фишка - готовые ИИ-агенты под конкретные задачи. Вам не нужно самому придумывать промпты и выстраивать цепочки. Выбираете агента, начинаете общение, а модель можно менять прямо в чате.
Например, есть агенты для написания продающих текстов, для создания сайтов, для обработки изображений. Это сильно ускоряет работу.
Посмотреть агентов можно здесь: https://3seller.com/ai/agents
Агенты полезны, когда вы не хотите каждый раз объяснять контекст. Просто запустили нужного бота, и он уже знает, что делать. Например, агент «Создатель лендингов» сам спросит вас про нишу, структуру и стиль, а потом выдаст готовый сайт.
Какой способ выбрать
Если вы новичок и хотите просто красивый лендинг - берите Claude Design + AgentGrid.io. Там не нужно смотреть в код. Если планируете развивать сайт, добавлять функциональность - Claude Code. Это даёт больше свободы.
Я обычно советую начать с Claude Design, набить руку, а потом переходить на Claude Code. Так меньше стресса на старте.
Помните: Claude - это инструмент. Он ускоряет работу, но не думает за вас. Чем чётче вы ставите задачу, тем лучше результат.
Если вы в России, не забудьте про доступ через 3GPT. Без него Claude просто не запустится.
Попробуйте сделать свой первый сайт на Claude уже сегодня. Это проще, чем кажется.