Реальный работающий сайт — текст, дизайн, картинки и публикация — собирается нейросетями за 30 минут без дизайнера, программиста и бюджета. Схема: Claude пишет структуру, тексты и готовый HTML-код одним файлом, Gemini (модель Nano Banana 2) генерирует картинки под нужный стиль, а бесплатный статический хостинг (Netlify, Vercel, Cloudflare Pages) публикует всё по ссылке за пару минут. Ниже — конкретные промпты, тайм-лайн по минутам и частые ошибки. Один важный момент сразу: такой сайт — это быстрая упаковка реальной деятельности, а не способ придумать бизнес, которого нет. Банку, партнёру или клиенту он показывает то, что уже существует, просто раньше не было времени это оформить.
Ситуации, когда реально нужно сделать сайт с помощью нейросети
- Банк или платёжный сервис запросил подтверждение деятельности. В разделе AML-проверок это стандартный пункт — наравне с инвойсами и выписками (мы разбирали это в статье про Wise Business). У тебя есть реальные клиенты, услуги, доход — просто не было сайта, который это показывает.
- Партнёр или клиент попросил «скинуть сайт» перед тем, как подписать договор или сделать предоплату.
- Нужен MVP-лендинг для нового направления, чтобы протестировать спрос, пока не готов полноценный сайт.
- Устаревший или битый сайт нужно временно заменить рабочей версией.
Во всех случаях логика одна: контент должен быть правдой. Нейросеть экономит часы вёрстки и подбора текста, а не придумывает бизнес с нуля.
Тайм-лайн на 30 минут
| Время | Что делаешь |
|---|---|
| 0–5 мин | Готовишь вводные: чем занимаешься, услуги и цены, реальные контакты, тон |
| 5–15 мин | Claude генерирует структуру, тексты и HTML/CSS-код |
| 15–20 мин | Gemini генерирует 3–5 изображений под сайт |
| 20–25 мин | Собираешь картинки в код, проверяешь на телефоне |
| 25–30 мин | Публикуешь на хостинге, получаешь рабочую ссылку |
Шаг 0: подготовь вводные (5 минут)
Прежде чем писать промпт, выпиши в заметку:
- Название компании/ФОП и чем именно занимаешься (конкретно, не «широкий спектр услуг»).
- 3–5 услуг с ценами или диапазоном цен.
- Реальные контакты: email, телефон, мессенджер, юридический адрес если нужен.
- Кто клиенты и как их найти (это тот самый ответ на «откуда берёте клиентов» — сарафан, соцсети, маркетплейс, партнёры).
- Тон: официальный, дружелюбный, экспертный — под аудиторию.
- Если есть реальные кейсы или отзывы — держи их под рукой, это сильно поднимает доверие к сайту.
Шаг 1: промпт для Claude — структура, тексты и код
Открой claude.ai (подойдёт даже бесплатный тариф) и дай подробный промпт за один заход — чем конкретнее вводные, тем меньше правок потом. Пример:
Ты профессиональный веб-копирайтер и frontend-разработчик.
Собери одностраничный лендинг для [сфера деятельности, например
"частной бухгалтерской практики для ФОП"].
Вводные:
- Название: [название]
- Чем занимаемся: [конкретное описание в 2-3 предложениях]
- Услуги и цены: [список]
- Аудитория: [кто клиенты]
- Как нас находят: [реальный канал — соцсети, сарафан, маркетплейс]
- Контакты: [email, телефон, мессенджер, адрес если нужен]
- Тон: [деловой без канцелярита / дружелюбный экспертный]
Структура сайта:
1. Hero-блок с заголовком, коротким описанием и кнопкой связи
2. О компании — коротко и по делу, без воды и штампов
3. Услуги — карточками, с ценами
4. Почему мы (3-4 пункта, без банальностей вроде "индивидуальный подход")
5. FAQ — 4-5 реальных вопросов клиентов
6. Контакты и форма/кнопка связи
7. Футер с реквизитами
Технически: один HTML-файл со встроенным CSS, без внешних
зависимостей кроме шрифтов Google Fonts. Адаптивная вёрстка
под мобильные. Не используй лорем-ипсум и не выдумывай факты,
которых я не давал — если данных не хватает, отметь плейсхолдером
в квадратных скобках, я заполню сам.Claude соберёт готовый HTML-файл прямо в интерфейсе (в панели Artifacts) — код виден, сразу же показывается предпросмотр, и его можно скачать одним кликом. Функция публикации артефакта (кнопка Publish) делает предпросмотр доступным по ссылке Anthropic — это удобно, чтобы быстро показать черновик и получить фидбэк, но для «официального» сайта компании лучше не полагаться на эту ссылку, а забрать готовый код и разместить на своём хостинге и домене — так сайт выглядит независимым бизнес-ресурсом, а не черновиком в чужом сервисе.
Важно про сам текст: отдельно попроси Claude не писать типичным «AI-стилем» — избыточными эпитетами, канцеляритом, фразами вроде «в современном мире» и «индивидуальный подход к каждому клиенту». Хороший второй промпт после первого черновика:
Перепиши тексты проще и конкретнее. Убери все общие фразы,
которые могли бы стоять на сайте любой компании в этой нише.
Каждое предложение должно нести конкретную информацию —
цифру, факт, услугу. Тон — как будто владелец бизнеса
сам объясняет, чем занимается, а не маркетолог.Шаг 2: промпт для Gemini — картинки
В Gemini (gemini.google.com или приложение) картинки генерирует модель, которая в интерфейсе называется Nano Banana 2 — это и есть нынешний движок изображений Gemini, пришедший на смену бренду Imagen внутри чата (сам Imagen никуда не делся, но теперь это отдельный продукт для разработчиков). Доступ бесплатный: нажми «+» рядом с полем ввода → «Create image», опиши, что нужно.
Что стоит сгенерировать для сайта:
- Hero-изображение — абстрактная или концептуальная иллюстрация по теме бизнеса, а не буквальная сцена.
- Иконки для блока услуг — простые, в едином стиле.
- Фоновые текстуры/паттерны — для разбавления белого пространства.
Пример промпта для hero-картинки:
Создай минималистичную hero-иллюстрацию для сайта бухгалтерской
практики. Стиль: плоская векторная иллюстрация, приглушённая
цветовая палитра (тёмно-синий, светло-серый, один акцентный
зелёный), много воздуха, без текста на изображении.
Соотношение сторон 16:9.Для набора иконок услуг — одним промптом сразу все, чтобы стиль был одинаковый:
Создай набор из 4 простых плоских иконок для сайта:
документы, калькулятор, график роста, рукопожатие.
Единый минималистичный стиль, одна акцентная цветовая гамма,
прозрачный фон, без обводок разной толщины.Важный принцип, а не просто совет по стилю: не генерируй «фото команды» или «фото офиса» как будто это реальные снимки — это не картинка для настроения, а фальсификация несуществующего факта (мнимые сотрудники, мнимый офис), а не иллюстрация услуги. Кроме того, это и с точки зрения дизайна плохая идея: типовые нейросетевые «счастливые сотрудники в опен-спейсе» сразу считываются как generic-стоковые и скорее снижают доверие, чем повышают. Если реальных фото нет — честная иллюстрация или абстрактный визуал работают лучше и не создают ложных ожиданий.
Каждое изображение Gemini помечает невидимым водяным знаком SynthID (это нормально, не техническая проблема, а маркировка «сгенерировано ИИ», которая есть у всех подобных сервисов).
Шаг 3: собираем и публикуем
- Скачай HTML-файл из Claude (или скопируй код из панели Artifacts).
- Вставь картинки. Самый быстрый способ для одностраничника — залить картинки в тот же хостинг рядом с HTML и указать относительные пути (
<img src="hero.png">), либо попросить Claude сразу вставить плейсхолдеры под нужные имена файлов. - Публикация без домена (самый быстрый путь):
- Netlify Drop (app.netlify.com/drop) — перетаскиваешь папку с файлами в браузер, через несколько секунд получаешь рабочую ссылку.
- Vercel или Cloudflare Pages — аналогично, чуть больше шагов при первой настройке, зато проще потом подключить свой домен.
- GitHub Pages — если уже есть аккаунт на GitHub, тоже вариант на несколько минут.
- Если домен уже есть — подключи его в настройках хостинга (обычно это добавление пары DNS-записей). Само подключение занимает минуты, но полное обновление DNS по миру иногда растягивается на часы — для жёсткого дедлайна в 30 минут используй временную ссылку хостинга (что-то вроде
имя.netlify.app), а домен донастрой параллельно. - Если сайт уже есть на WordPress или другом хостинге — можно не поднимать отдельный хостинг, а просто залить HTML-файл как новую страницу через FTP/файловый менеджер — тоже дело нескольких минут.
SEO и доверие — ещё 5 минут, но не пропускай их
- Title и description. Попроси Claude сразу сгенерировать
<title>(до 60 символов) и мета-описание (до 160 символов) с названием компании и родом деятельности. - Обязательные разделы доверия, особенно если сайт покажешь банку или партнёру: понятное описание деятельности, реальные контакты (не «свяжитесь с нами» в пустоту), реквизиты компании/ФОП, если это уместно для ниши.
- Индексация. Добавь сайт в Google Search Console и запроси индексацию вручную — так он появится в поиске быстрее, чем если просто ждать.
- robots.txt и sitemap необязательны для одностраничника с жёстким дедлайном, но если время останется — тоже просто попросить у Claude.
Частые ошибки
- Текст «пахнет» нейросетью — общие фразы без конкретики. Лечится вторым промптом на упрощение (см. выше).
- Генерик «стоковые» AI-фото людей вместо честной иллюстрации — выглядит дешевле, чем совсем без фото.
- Битые ссылки на картинки — самая частая техническая ошибка при первой сборке, проверь после публикации, а не до.
- Забыли про мобильную версию — проверь сайт с телефона перед тем, как отправлять ссылку.
- Несуществующие контакты — форма без реального email за ней подрывает доверие мгновенно, если кто-то попробует написать.
- Выдуманные факты о компании. Если попросить нейросеть «придумать историю компании» без вводных — она сочинит правдоподобную, но неправдивую историю. Всегда давай реальные факты и явно проси не выдумывать недостающее.
FAQ
Можно ли правда сделать сайт за 30 минут с нуля? Да, если заранее готовы вводные (название, услуги, контакты) — само создание текста, кода и картинок занимает 15–20 минут, остальное — сборка и публикация.
Нужны ли деньги на хостинг и домен? Нет, для быстрой публикации по временной ссылке хватает бесплатных Netlify, Vercel или Cloudflare Pages. Платить нужно только за собственный домен, если он важен, — и это не обязательно делать в первые 30 минут.
Какая нейросеть в Gemini генерирует изображения? Модель называется Nano Banana 2 (в основе — Gemini 3.1 Flash Image), доступна бесплатно в приложении и на сайте Gemini через кнопку «Create image». Более качественная версия, Nano Banana Pro, доступна на платных тарифах.
Можно ли использовать опубликованный артефакт Claude как сайт компании? Технически да — ссылка рабочая и её можно отправить кому угодно. Но она размещена на домене Anthropic, а не на независимом бизнес-домене, поэтому для официального представления бизнеса надёжнее скачать код и разместить на своём хостинге.
А если у бизнеса на самом деле нет клиентов и дохода? Сайт за 30 минут решает проблему отсутствия презентации у реальной деятельности. Он не заменяет реальные обороты, инвойсы и историю операций — банк или партнёр всё равно смотрит на совокупность документов, а не только на сайт.
