Pubblicare una pagina HTML di Claude come link attivo e condivisibile

Collega Claude a Strata

Claude ha bisogno di una connessione al tuo account Strata prima di poter creare documenti al suo interno. La connessione agisce come te, quindi Claude raggiunge solo i documenti che il tuo account può aprire.

In claude.ai apri Impostazioni, poi Connettori, scegli Aggiungi connettore personalizzato e inserisci l'URL del server MCP di Strata: https://api.strata.space/mcp. I connettori personalizzati sono disponibili nei piani a pagamento, e un connettore dell'organizzazione viene aggiunto da un Proprietario. In qualsiasi altro client MCP aggiungi lo stesso URL e completa l'accesso.

In Claude Code installa il plugin di Strata con /plugin marketplace add strata-space/marketplace e poi /plugin install strata@strata-space. Il plugin registra il server MCP, e la prima volta che Claude usa uno strumento di Strata si apre una finestra del browser per accedere.

Chiedi a Claude di creare la pagina come documento Strata

In Strata una pagina interattiva è un documento che contiene un blocco di codice con il tag html. Il markup, gli stili e lo script del blocco vengono eseguiti come anteprima dal vivo in un ambiente isolato, così Claude può scrivere l'intera pagina come normale contenuto del documento.

Chiedi a Claude di leggere prima la guida di scrittura interactive-html di Strata. Claude può recuperarla con lo strumento find, e copre le librerie, le variabili del tema e i limiti descritti di seguito.

Sapere cosa può e non può fare la pagina

L'anteprima è completamente isolata. Non ha cookie né archiviazione, nessun accesso alla pagina circostante e nessun URL esterno. Script e stili si caricano solo dalle librerie verificate di Strata: mermaid, d3, three.js e un motore Doom. Tutto il resto va scritto direttamente nel blocco.

Una pagina che carica uno script da una CDN, un font web o un'API di terze parti non funzionerà così com'è. Di' subito a Claude di rendere la pagina autonoma. Un grafico può anche leggere dati con nome dallo stesso documento, come un blocco JSON o CSV o una tabella, così i numeri restano testo modificabile. Il riferimento sui blocchi HTML interattivi spiega come.

Un prompt da provare

Leggi prima con lo strumento find la guida di scrittura interactive-html di Strata. Poi crea un nuovo documento Strata intitolato "Calcolatore del piano di ammortamento" con un'introduzione di due frasi e un unico blocco di codice html che contenga tutto il calcolatore: campi per importo del prestito, tasso e durata, e un grafico del debito residuo disegnato con d3 da /sandbox/libs/d3.min.js. Tieni tutto dentro quel blocco, non caricare nient'altro dalla rete, usa le variabili del tema di Strata e imposta insieme il colore dello sfondo e quello del testo. Avvisami quando è pronto e non pubblicarlo.

Controlla la pagina in Strata

Apri il nuovo documento in Strata. La pagina viene eseguita nell'editor appena Claude la scrive, e ogni modifica la rigenera da uno stato pulito. Prova i controlli, riduci la finestra alla larghezza di un telefono e guarda la pagina con il tema chiaro e con quello scuro.

Gli errori degli script e gli avvisi della console compaiono sotto l'anteprima; incollali a Claude perché li corregga.

Pubblicala a un link pubblico

La pubblicazione crea una versione pubblica all'indirizzo /@your-handle/your-slug che chiunque abbia il link può aprire senza un account Strata. La pagina compare come blocco all'interno di una pagina di lettura, con il titolo e il testo del documento intorno.

1. Apri il pannello Pubblica del documento. Se il tuo profilo pubblico è nascosto, il pannello rimanda alle impostazioni del profilo. Scegli prima un handle e rendi pubblico il profilo.
2. Scegli lo slug dell'URL. Non può essere modificato dopo la prima pubblicazione, quindi scegli l'indirizzo che vuoi mantenere.
3. Nelle impostazioni di aspetto del pannello Pubblica, imposta Controlli dei blocchi. Nascosto mostra a chi legge solo la pagina in esecuzione. Visibile permette a chi legge anche di vedere il codice, modificarlo ed eseguirlo di nuovo. Usa i valori della pubblicazione segue l'impostazione del tuo profilo. Le modifiche di chi legge vengono eseguite solo nel suo browser e non vengono salvate.
4. Scegli Pubblica sul profilo, quindi apri l'URL pubblico e prova la pagina come farebbe un lettore.

Lascia che Claude la pubblichi

Claude può pubblicare il documento da solo quando il tuo client MCP abilita il gruppo di strumenti di pubblicazione, che si richiede con l'intestazione X-Strata-Tool-Groups e richiede accesso in scrittura. In tal caso Strata ricava l'indirizzo dal titolo del documento. Un connettore che non può inviare quell'intestazione non riceve gli strumenti di pubblicazione; pubblica allora dal pannello Pubblica. Il riferimento MCP elenca i gruppi di strumenti.

Aggiorna la pagina e mantieni lo stesso link

Chiedi a Claude di modificare la pagina nello stesso documento, oppure modificala tu. La modifica cambia prima il documento di lavoro. Chi legge continua a vedere la versione precedente allo stesso indirizzo finché non scegli Pubblica aggiornamenti nel pannello Pubblica. Poiché lo slug è fisso dopo la prima pubblicazione, il link che hai condiviso non cambia.

La pubblicazione cattura il design della pagina e i dati che legge, quindi pubblica di nuovo dopo aver corretto un numero. Per rimuovere la pagina scegli Annulla la pubblicazione di questo documento. L'indirizzo pubblico smette di funzionare e il documento di lavoro rimane.

Lavorarci con altre persone

Il documento di lavoro è separato dalla pagina pubblica, quindi puoi collaborare prima e dopo la pubblicazione. Usa Condividi per invitare persone come Visualizzatore, Commentatore o Editor. Usa Commenti per discutere un passaggio e Cronologia per ispezionare una modifica precedente, ripristinare una versione intera o annullare una singola modifica.

Condividere il documento non lo pubblica, e pubblicarlo non dà ai lettori accesso al documento di lavoro.

In cosa differisce dall'hosting di un file

Un host statico serve il file che carichi. È semplice, e la pagina può caricare tutto ciò che un browser consente. In Strata la pagina è un documento. Il link resta lo stesso mentre il sorgente resta qualcosa che tu, i tuoi collaboratori e gli agenti potete continuare a modificare, con commenti e cronologia delle versioni.

Il compromesso è l'ambiente isolato: nessun accesso alla rete e un breve elenco di librerie. Inoltre i lettori vedono l'ultima versione pubblicata, non ogni modifica in tempo reale. Se la pagina dipende da script esterni o da API dal vivo, un host statico è la scelta migliore.