Как собрать сайт-визитку в чате с нейросетью

Сайт-визитка — это одна страница: кто вы, что делаете, сколько стоит, как связаться. Такая страница помещается в один файл index.html. Нейросети выдают HTML и CSS обычным текстом, поэтому визитку реально собрать в чате: вы описываете, что нужно, копируете код в файл, открываете его двойным кликом в браузере и просите исправить то, что не нравится. Правки формулируются словами, редактор кода для этого знать не обязательно.

Что собрать до первого запроса

Частая ошибка выглядит так: человек пишет «сделай мне сайт-визитку» и получает страницу с выдуманным названием компании, телефоном из примера и текстом-рыбой. Переписывать это дольше, чем подготовить материал заранее.

• Заголовок и одна строка о сути: чем вы занимаетесь и для кого.
• Список услуг — от трёх до шести пунктов, с коротким описанием и ценой или вилкой цен.
• Абзац о себе: опыт, образование, примеры работ.
• Контакты: телефон, почта, ссылки на мессенджеры и соцсети — в том виде, в каком их надо вставить.
• Картинки: фото, логотип, скриншоты работ. Заранее назовите файлы латиницей: photo.jpg, logo.png.
• Пожелания по виду: два-три цвета, светлая или тёмная страница, примеры чужих сайтов, которые нравятся.

Тексты можно надиктовать голосом в заметки и отдать нейросети сырыми — попросите причесать их, а потом уже верстать. Так вы отделите работу над словами от работы над кодом.

Как сформулировать запрос на код

Требования к файлу перечисляйте прямо в запросе — тогда результат будет предсказуемым:

• один файл HTML, стили внутри тега style, без подключения внешних библиотек и шрифтов;
• секции в нужном порядке: шапка с именем и кнопкой связи, услуги, обо мне, примеры работ, контакты, подвал;
• страница должна нормально смотреться на телефоне;
• тексты взять ровно те, что приложены, ничего не придумывать;
• комментарии в коде на русском, чтобы было видно, где какая секция;
• картинки подключить по именам файлов, которые вы назвали.

Дальше вставляете свои материалы одним сообщением и просите прислать готовый файл целиком. Первая версия почти всегда требует доработки — это нормально, визитка собирается за пять-десять итераций.

Чего не просить на первом шаге

Форма заявки, которая отправляет письмо, корзина, личный кабинет, онлайн-оплата — всё это требует серверной части, и в одном файле HTML не работает. Для визитки хватает кнопок: ссылка вида mailto: на почту и прямая ссылка на мессенджер. Если позже понадобится настоящая форма, это уже задача для подрядчика — тогда пригодится техническое задание подрядчику, составленное с помощью нейросети.

Как проверить результат и вносить правки

Скопируйте код в «Блокнот» или любой текстовый редактор и сохраните как index.html в кодировке UTF-8 — иначе русский текст превратится в набор символов. Положите файл в отдельную папку вместе с картинками и откройте двойным кликом.

Что проверить на этом этапе:

1. Все ли тексты на месте и нет ли фраз, которых вы не писали.
2. Открываются ли ссылки: нажмите каждую, включая телефон и почту.
3. Видны ли картинки. Пустой прямоугольник означает, что имя файла в коде и на диске не совпадает.
4. Как страница выглядит в узком окне: потяните край окна браузера к середине экрана — так примерно видно, как она смотрится на телефоне.

Правки давайте по одной за сообщение: «сделай кнопку в шапке шире и перекрась в тёмно-синий», «убери третий блок услуг», «увеличь отступы между секциями на телефоне». Просите каждый раз присылать файл целиком, иначе придётся вручную вставлять куски в нужные места. Старые версии сохраняйте отдельными файлами — index-1.html, index-2.html: если новая правка всё сломает, вы вернётесь на шаг назад.

Когда страница устраивает, попросите добавить заголовок вкладки, описание для поиска и иконку сайта — это те же теги, они пишутся одной фразой в запросе.

Куда выложить готовый файл

Готовая визитка — это папка с index.html и картинками. Такую папку принимает любой хостинг статических сайтов и любая обычная панель управления хостингом: файлы кладут в корневую директорию, домен привязывают в настройках. Если панель незнакомая, скиньте нейросети название хостинга и попросите пошаговую инструкцию по загрузке.

После публикации откройте адрес с телефона через мобильный интернет и пройдите по всем ссылкам ещё раз. Ошибки в контактах обнаруживаются именно так.

Подписка Claude Pro для такой работы

Сборка одностраничника — это длинная переписка с кодом: полный файл HTML в каждом ответе, десяток переделок, уточнения по вёрстке. Claude Pro подключаем на ваш аккаунт Anthropic, цена — 2 730 ₽, срок — 30 дней с активации. Оплатить можно рублями — картой российского банка или по СБП, а также криптовалютой, через платёжный сервис Lava. Напрямую картой РФ подписку не оформить — поэтому и нужен посредник.

Что ещё учесть до заказа: сайт Claude не открывается с российских IP, для доступа к сервису нужен VPN, с его настройкой помогаем бесплатно. Разбор тарифов и лимитов — на странице Claude, остальные подписки собраны на витрине. Выданные заказы и баллы кэшбека видны в личном кабинете. Вопросы по заказу задавайте в чате на сайте.

sellchatgpt.ru — независимый сервис, официальным представителем OpenAI, Anthropic и Google он не является.