Publicar uma página HTML do Claude como um link ativo e compartilhável

Conecte o Claude ao Strata

O Claude precisa de uma conexão com a sua conta do Strata antes de poder criar documentos nela. A conexão age como você, então o Claude só alcança os documentos que a sua conta pode abrir.

No claude.ai, abra Configurações, depois Conectores, escolha Adicionar conector personalizado e informe a URL do servidor MCP do Strata: https://api.strata.space/mcp. Conectores personalizados estão disponíveis em planos pagos, e um conector de organização é adicionado por um Proprietário. Em qualquer outro cliente MCP, adicione a mesma URL e conclua o login.

No Claude Code, instale o plugin do Strata com /plugin marketplace add strata-space/marketplace e depois /plugin install strata@strata-space. O plugin registra o servidor MCP, e na primeira vez que o Claude usa uma ferramenta do Strata uma janela do navegador se abre para você entrar.

Peça ao Claude para criar a página como documento do Strata

No Strata, uma página interativa é um documento que contém um bloco de código com a marcação html. A marcação, os estilos e o script do bloco são executados como uma prévia ao vivo em um ambiente isolado, então o Claude pode escrever a página inteira como conteúdo comum do documento.

Peça ao Claude que leia primeiro o guia de autoria interactive-html do Strata. O Claude pode obtê-lo com a ferramenta find, e ele cobre as bibliotecas, as variáveis de tema e os limites descritos abaixo.

Saiba o que a página pode e não pode fazer

A prévia é totalmente isolada. Ela não tem cookies nem armazenamento, não acessa a página ao redor e não aceita URLs externas. Scripts e estilos só são carregados das bibliotecas verificadas do Strata: mermaid, d3, three.js e um mecanismo do Doom. Todo o resto deve ser escrito dentro do bloco.

Uma página que carrega um script de uma CDN, uma fonte da web ou uma API de terceiros não vai funcionar como está. Diga ao Claude desde o início que a página deve ser autossuficiente. Um gráfico também pode ler dados nomeados do mesmo documento, como um bloco JSON ou CSV ou uma tabela, para que os números continuem sendo texto editável. A referência de blocos HTML interativos explica como.

Um prompt para testar

Leia primeiro, com a ferramenta find, o guia de autoria interactive-html do Strata. Depois crie um novo documento do Strata com o título "Calculadora de amortização", com uma introdução de duas frases e um único bloco de código html que contenha a calculadora inteira: campos para o valor do empréstimo, a taxa e o prazo, e um gráfico do saldo devedor desenhado com d3 a partir de /sandbox/libs/d3.min.js. Mantenha tudo dentro desse bloco, não carregue mais nada da rede, use as variáveis de tema do Strata e defina juntas a cor de fundo e a cor do texto. Avise-me quando estiver pronto e não publique.

Confira a página no Strata

Abra o novo documento no Strata. A página é executada no editor assim que o Claude a escreve, e cada edição a renderiza de novo a partir de um estado limpo. Experimente os controles, reduza a janela até a largura de um celular e veja a página nos temas claro e escuro.

Erros de script e avisos do console aparecem abaixo da prévia; cole-os para o Claude corrigir.

Publique em um link público

Publicar cria uma edição pública em /@your-handle/your-slug que qualquer pessoa com o link pode abrir sem uma conta do Strata. A página aparece como um bloco dentro de uma página de leitura, com o título e o texto do documento ao redor.

1. Abra o painel Publicar do documento. Se o seu perfil público estiver oculto, o painel leva você às configurações do perfil. Escolha primeiro um identificador e torne o perfil público.
2. Escolha o slug da URL. Ele não pode ser alterado depois da primeira publicação, então escolha o endereço que deseja manter.
3. Nas configurações de aparência do painel Publicar, defina Controles dos blocos. Oculto mostra aos leitores apenas a página em execução. Visível permite que os leitores também vejam o código, editem e executem de novo. Usar o padrão da publicação segue a configuração do seu perfil. As alterações de um leitor são executadas só no navegador dele e não são salvas.
4. Escolha Publicar no perfil, depois abra a URL pública e experimente a página como um leitor faria.

Deixe o Claude publicar

O Claude pode publicar o documento sozinho quando o seu cliente MCP ativa o grupo de ferramentas de publicação, solicitado com o cabeçalho X-Strata-Tool-Groups e que exige acesso de escrita. Nesse caso, o Strata deriva o endereço do título do documento. Um conector que não consegue enviar esse cabeçalho não recebe as ferramentas de publicação; publique então pelo painel Publicar. A referência de MCP lista os grupos de ferramentas.

Atualize a página e mantenha o mesmo link

Peça ao Claude para alterar a página no mesmo documento, ou edite você mesmo. A edição muda primeiro o documento de trabalho. Os leitores continuam vendo a edição anterior no mesmo endereço até você escolher Publicar atualizações no painel Publicar. Como o slug fica fixo após a primeira publicação, o link que você compartilhou não muda.

Publicar captura o design da página e os dados que ela lê, então publique de novo depois de corrigir um número. Para tirar a página do ar, escolha Cancelar publicação deste documento. O endereço público deixa de funcionar e o documento de trabalho permanece.

Trabalhe nela com outras pessoas

O documento de trabalho é separado da página pública, então você pode colaborar antes e depois de publicar. Use Compartilhar para convidar pessoas como Visualizador, Comentarista ou Editor. Use Comentários para discutir um trecho e Histórico para inspecionar uma edição anterior, restaurar uma versão inteira ou desfazer uma única alteração.

Compartilhar o documento não o publica, e publicá-lo não dá aos leitores acesso ao documento de trabalho.

Como isso difere de hospedar um arquivo

Uma hospedagem estática serve o arquivo que você envia. É simples, e a página pode carregar qualquer coisa que um navegador permita. No Strata, a página é um documento. O link permanece o mesmo enquanto o código-fonte continua sendo algo que você, seus colaboradores e agentes podem seguir editando, com comentários e histórico de versões.

A contrapartida é o ambiente isolado: sem acesso à rede e com uma lista curta de bibliotecas. Os leitores também veem a última edição publicada, não cada alteração em tempo real. Se a página depende de scripts externos ou de APIs ao vivo, uma hospedagem estática é a melhor escolha.