Опубликовать HTML-страницу от Claude как живую ссылку, которой можно поделиться

Подключите Claude к Strata

Чтобы создавать документы в Strata, Claude нужно подключение к вашей учётной записи. Подключение действует от вашего имени, поэтому Claude получает доступ только к тем документам, которые может открыть ваша учётная запись.

В claude.ai откройте Настройки, затем Коннекторы, выберите «Добавить пользовательский коннектор» и введите URL MCP-сервера Strata: https://api.strata.space/mcp. Пользовательские коннекторы доступны на платных тарифах, а коннектор организации добавляет владелец. В любом другом MCP-клиенте добавьте тот же URL и завершите вход.

В Claude Code установите плагин Strata командами /plugin marketplace add strata-space/marketplace и затем /plugin install strata@strata-space. Плагин регистрирует MCP-сервер, а при первом обращении Claude к инструменту Strata открывается окно браузера для входа.

Попросите Claude создать страницу как документ Strata

В Strata интерактивная страница является документом с блоком кода, помеченным html. Разметка, стили и скрипт блока выполняются как живой предпросмотр в изолированной среде, поэтому Claude может написать всю страницу как обычное содержимое документа.

Попросите Claude сначала прочитать руководство по созданию interactive-html в Strata. Claude может получить его инструментом find; в нём описаны библиотеки, переменные темы и ограничения, о которых сказано ниже.

Узнайте, что страница может и чего не может

Предпросмотр полностью изолирован. В нём нет файлов cookie и хранилища, нет доступа к окружающей странице и нет внешних URL. Скрипты и стили загружаются только из проверенных библиотек Strata: mermaid, d3, three.js и движка Doom. Всё остальное нужно писать прямо в блоке.

Страница, которая загружает скрипт из CDN, веб-шрифт или стороннее API, в таком виде не заработает. Сразу скажите Claude, что страница должна быть самодостаточной. Диаграмма также может читать именованные данные из того же документа, например блок JSON или CSV либо таблицу, поэтому числа остаются редактируемым текстом. Как это сделать, описано в справочнике по интерактивным HTML-блокам.

Запрос, который можно попробовать

Сначала прочитай инструментом find руководство Strata interactive-html. Затем создай новый документ Strata с названием "Калькулятор погашения ипотеки" с введением из двух предложений и одним блоком кода html, содержащим весь калькулятор: поля для суммы кредита, ставки и срока и диаграмму остатка долга, нарисованную с помощью d3 из /sandbox/libs/d3.min.js. Держи всё внутри этого одного блока, больше ничего не загружай из сети, используй переменные темы Strata и задавай цвет фона и цвет текста вместе. Сообщи мне, когда будет готово, и не публикуй.

Проверьте страницу в Strata

Откройте новый документ в Strata. Страница работает в редакторе сразу после того, как Claude её напишет, а каждая правка перерисовывает её из чистого состояния. Попробуйте элементы управления, сузьте окно до ширины телефона и посмотрите страницу в светлой и тёмной темах.

Ошибки скриптов и предупреждения консоли отображаются под предпросмотром; передайте их Claude, чтобы он исправил.

Опубликуйте по публичной ссылке

Публикация создаёт публичную версию по адресу /@your-handle/your-slug, которую может открыть любой, у кого есть ссылка, без учётной записи Strata. Страница отображается как блок внутри страницы для чтения, а вокруг неё находятся заголовок и текст документа.

1. Откройте панель публикации документа. Если ваш публичный профиль скрыт, панель ведёт в настройки профиля. Сначала выберите имя профиля и сделайте профиль публичным.
2. Выберите слаг URL. Его нельзя изменить после первой публикации, поэтому выберите адрес, который хотите сохранить.
3. В настройках оформления на панели публикации задайте «Элементы управления блоками». «Скрывать» показывает читателям только работающую страницу. «Показывать» позволяет читателям также смотреть исходный код, править и перезапускать его. «Использовать настройки публикации» следует настройке вашего профиля. Изменения читателя выполняются только в его браузере и не сохраняются.
4. Выберите «Опубликовать в профиле», затем откройте публичный URL и попробуйте страницу так, как это сделал бы читатель.

Позвольте Claude опубликовать самому

Claude может сам опубликовать документ, если ваш MCP-клиент включает группу инструментов публикации; она запрашивается заголовком X-Strata-Tool-Groups и требует доступа на запись. В этом случае Strata определяет адрес по названию документа. Коннектор, который не может отправить этот заголовок, не получает инструменты публикации; тогда публикуйте через панель публикации. Группы инструментов перечислены в справочнике MCP.

Обновляйте страницу, сохраняя ту же ссылку

Попросите Claude изменить страницу в том же документе или отредактируйте её сами. Правка сначала меняет рабочий документ. Читатели продолжают видеть прежнюю версию по тому же адресу, пока вы не выберете «Опубликовать обновления» на панели публикации. Поскольку слаг фиксируется после первой публикации, ссылка, которой вы поделились, не меняется.

При публикации сохраняются оформление страницы и данные, которые она читает, поэтому после исправления числа опубликуйте снова. Чтобы снять страницу с публикации, выберите «Снять документ с публикации». Публичный адрес перестанет работать, а рабочий документ останется.

Работайте над ней вместе с другими

Рабочий документ отделён от публичной страницы, поэтому сотрудничать можно и до, и после публикации. Через «Поделиться» приглашайте людей как «Читатель», «Комментатор» или «Редактор». В «Комментариях» обсуждайте фрагмент, а в «Истории» просматривайте прежнюю правку, восстанавливайте всю версию целиком или отменяйте одно изменение.

Предоставление доступа к документу не публикует его, а публикация не даёт читателям доступа к рабочему документу.

Чем это отличается от размещения файла

Статический хостинг отдаёт файл, который вы загрузили. Это просто, и страница может загружать всё, что разрешает браузер. В Strata страница является документом. Ссылка остаётся прежней, а исходный код остаётся тем, что вы, ваши соавторы и агенты можете дальше редактировать, с комментариями и историей версий.

Обратная сторона состоит в песочнице: нет доступа к сети и короткий список библиотек. Кроме того, читатели видят последнюю опубликованную версию, а не каждую правку в реальном времени. Если страница зависит от внешних скриптов или API в реальном времени, лучше подойдёт статический хостинг.