Как опубликовать сайт из Claude

Claude отлично собирает вёрстку и код и показывает результат прямо в артефакте, но не размещает сайт в интернете. HIXO берёт следующий шаг на себя: хранит готовые файлы, выдаёт HTTPS-ссылку и обрабатывает обычные формы на опубликованной странице.

Для этого сценария не нужны VPS, FTP, база данных или сборка npm-проекта. Достаточно готового статического сайта:

• index.html — главная страница;
• CSS, JavaScript и изображения рядом с ней в архиве;
• обычная HTML-форма, если вы хотите принимать заявки.

Сначала HIXO откроет приватное превью, видимое только в вашем браузере. Чтобы сохранить проект, выбрать адрес и опубликовать сайт, создайте бесплатный аккаунт — карта не нужна.

Ключевое — не дизайн, а техническое задание. Откройте новый чат с Claude, вставьте промт ниже и замените текст в квадратных скобках своим описанием. Он не даёт Claude собрать проект, которому нужен сервер или команда сборки, и просит один самодостаточный артефакт.

Собери готовый к публикации на HIXO одностраничный сайт для
[опишите задачу, аудиторию, тексты и желаемый стиль].

Технические требования:
- Это статический сайт без React, Next.js, Vite, npm, сборки и сервера.
- Главный файл — index.html в корне проекта.
- Используй обычные HTML, CSS и JavaScript. По возможности собери один
  самодостаточный index.html со встроенными стилями и скриптами — так проще
  скопировать артефакт целиком. Если файлов несколько, вынеси стили в
  assets/styles.css, скрипты — в assets/script.js, изображения — в assets/images/.
- Все ссылки на локальные файлы должны быть относительными: ./assets/...
- Не используй localhost, пути /src и /public, а также backend API.
- Сделай адаптивную вёрстку, понятные заголовки и доступные подписи полей.
- Добавь обычную HTML-форму заявки с полями name, email и message. Не подключай
  сторонние сервисы форм и не задавай внешний action: HIXO обработает форму
  после публикации.
- Добавь базовое SEO: уникальные title и meta description, один H1, семантические
  section и содержательные H2. Не придумывай canonical URL и sitemap: адрес
  появится только после публикации.
- Проверь, что сайт открывается двойным кликом по index.html.

Сначала покажи дерево файлов. Затем собери сайт как HTML-артефакт.
Если файлов несколько, выведи содержимое каждого отдельным блоком кода и объясни,
как собрать ZIP так, чтобы index.html лежал в корне архива.
В конце дай чек-лист самопроверки перед загрузкой на HIXO.

Claude покажет сайт в панели артефактов справа. В её верхней части есть действия для копирования и выгрузки кода — конкретный набор кнопок зависит от устройства, плана и типа артефакта. Если предпросмотр в артефакте выглядит правильно, переходите к сохранению файлов.

Есть два корректных варианта:

1. Один самодостаточный артефакт. Скопируйте код артефакта и сохраните его как index.html. Для простого лендинга со встроенными стилями этого достаточно.
2. Сайт с отдельными картинками, стилями или скриптами. Сохраните каждый файл под своим именем в одну папку и упакуйте её содержимое в ZIP. Внутри архива index.html должен лежать сразу в корне, а не в дополнительной папке my-site.

Не выдавайте текст ответа Claude за файл сайта: перенесите код из артефакта в редактор и сохраните с нужным расширением. Если частей несколько, попросите Claude вывести дерево файлов и содержимое каждого — затем соберите ZIP сами.

Две минуты проверки снимают большинство ошибок в превью.

• Откройте index.html двойным кликом и убедитесь, что видны текст и изображения.
• Проверьте, что пути к файлам относительные (./assets/), а не через localhost или абсолютные системные пути.
• Если сайт состоит из нескольких файлов, убедитесь, что в ZIP попали все картинки, шрифты, CSS и JavaScript.
• Если Claude собрал React, Next.js или проект под npm run build, вернитесь в чат и попросите статическую версию из промта выше.
• Проверьте форму: у полей должны быть атрибуты name, например name, email и message.

Не добавляйте в форму сторонний обработчик, отправляющий данные на чужой URL. На опубликованном сайте HIXO перехватывает отправку обычной формы и сохраняет заявку в проекте.

Откройте главную страницу HIXO и перетащите HTML-файл или ZIP-архив в зону загрузки. После обработки нажмите «Открыть превью».

Пока сайт не виден другим: это приватная проверка в текущем браузере. Посмотрите мобильную и десктопную версию, проверьте кнопки и отправьте тестовую форму. Гостевое превью не предназначено для сбора реальных заявок.

Если превью выглядит правильно, нажмите «Опубликовать бесплатно» и создайте аккаунт. HIXO сохранит проект, предложит свободное имя и опубликует сайт по адресу вида my-site.hixo.dev с HTTPS.

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

HIXO даёт рабочий адрес, но содержанием страницы управляете вы. Перед публикацией проверьте title, описание страницы, один понятный H1, заголовки разделов, читаемый текст и подписи к важным изображениям. Это полезно посетителям раньше, чем поисковым системам.

Не вставляйте ключевые слова списком и не пишите текст только ради SEO. Лучше объясните, что предлагает сайт, кому он подходит, как связаться и почему вам можно доверять. Когда появится собственный домен, укажите его в canonical и остальных SEO-настройках.

Адрес my-site.hixo.dev подходит для первого запуска, портфолио и демо. Для бренда или клиентского проекта подключите свой домен в настройках проекта — эта возможность доступна на платных тарифах. Условия и ограничения указаны на странице тарифов.

• Белый экран или ошибка сборки. В архив попал исходный React/Next.js-проект. Нужна статическая HTML-версия.
• Нет стилей или картинок. Проверьте относительные пути и наличие всех файлов в ZIP.
• Открывается список файлов вместо сайта. Положите index.html в корень архива.
• Форма перезагружает страницу или не сохраняет заявку. Уберите сторонний action, добавьте полям атрибуты name и проверьте форму после публикации.
• Не удаётся поделиться ссылкой. Гостевое превью приватное. Создайте аккаунт и опубликуйте проект.