Eine HTML-Seite von Claude als Live-Link veröffentlichen und teilen

Claude mit Strata verbinden

Claude braucht eine Verbindung zu Ihrem Strata-Konto, bevor es dort Dokumente erstellen kann. Die Verbindung handelt in Ihrem Namen, sodass Claude nur die Dokumente erreicht, die Ihr Konto öffnen kann.

Öffnen Sie in claude.ai Einstellungen, dann Konnektoren, wählen Sie Benutzerdefinierten Konnektor hinzufügen und geben Sie die URL des Strata-MCP-Servers ein: https://api.strata.space/mcp. Benutzerdefinierte Konnektoren sind in kostenpflichtigen Tarifen verfügbar, und ein Organisations-Konnektor wird von einem Inhaber hinzugefügt. In jedem anderen MCP-Client tragen Sie dieselbe URL ein und schließen die Anmeldung ab.

Installieren Sie in Claude Code das Strata-Plugin mit /plugin marketplace add strata-space/marketplace und anschließend /plugin install strata@strata-space. Das Plugin registriert den MCP-Server, und beim ersten Einsatz eines Strata-Werkzeugs durch Claude öffnet sich ein Browserfenster zur Anmeldung.

Claude bitten, die Seite als Strata-Dokument zu erstellen

In Strata ist eine interaktive Seite ein Dokument mit einem Codeblock, der mit html gekennzeichnet ist. Markup, Stile und Skript des Blocks laufen als Live-Vorschau in einer isolierten Umgebung, sodass Claude die ganze Seite als gewöhnlichen Dokumentinhalt schreiben kann.

Bitten Sie Claude, zuerst Stratas Autorenleitfaden interactive-html zu lesen. Claude kann ihn mit dem Werkzeug find abrufen; er behandelt die Bibliotheken, die Theme-Variablen und die unten beschriebenen Grenzen.

Wissen, was die Seite kann und was nicht

Die Vorschau ist vollständig isoliert. Sie hat keine Cookies und keinen Speicher, keinen Zugriff auf die umgebende Seite und keine externen URLs. Skripte und Stile werden nur aus den geprüften Bibliotheken von Strata geladen: mermaid, d3, three.js und eine Doom-Engine. Alles andere muss direkt im Block stehen.

Eine Seite, die ein Skript von einem CDN lädt, eine Web-Schriftart einbindet oder eine Drittanbieter-API aufruft, funktioniert so nicht. Sagen Sie Claude gleich zu Beginn, dass die Seite in sich geschlossen sein soll. Ein Diagramm kann außerdem benannte Daten aus demselben Dokument lesen, etwa einen JSON- oder CSV-Block oder eine Tabelle, sodass die Zahlen bearbeitbarer Text bleiben. Die Referenz zu interaktiven HTML-Blöcken beschreibt, wie das geht.

Ein Prompt zum Ausprobieren

Lies zuerst mit dem Werkzeug find den Strata-Autorenleitfaden interactive-html. Erstelle dann ein neues Strata-Dokument mit dem Titel "Tilgungsrechner" mit einer Einleitung aus zwei Sätzen und einem einzigen html-Codeblock, der den ganzen Rechner enthält: Eingabefelder für Darlehensbetrag, Zinssatz und Laufzeit sowie ein mit d3 aus /sandbox/libs/d3.min.js gezeichnetes Diagramm der Restschuld. Halte alles in diesem einen Block, lade nichts weiter aus dem Netzwerk, verwende die Theme-Variablen von Strata und lege Hintergrund- und Textfarbe gemeinsam fest. Sag mir Bescheid, wenn es fertig ist, und veröffentliche es nicht.

Die Seite in Strata prüfen

Öffnen Sie das neue Dokument in Strata. Die Seite läuft im Editor, sobald Claude sie geschrieben hat, und jede Bearbeitung rendert sie aus einem sauberen Zustand neu. Probieren Sie die Bedienelemente aus, verkleinern Sie das Fenster auf Smartphone-Breite und sehen Sie sich die Seite im hellen und im dunklen Design an.

Skriptfehler und Konsolenwarnungen erscheinen unter der Vorschau; geben Sie sie an Claude weiter, damit es sie behebt.

Unter einem öffentlichen Link veröffentlichen

Beim Veröffentlichen entsteht eine öffentliche Ausgabe unter /@your-handle/your-slug, die jeder mit dem Link ohne Strata-Konto öffnen kann. Die Seite erscheint als Block innerhalb einer Leseseite, umgeben vom Titel und Text des Dokuments.

1. Öffnen Sie das Veröffentlichen-Panel des Dokuments. Ist Ihr öffentliches Profil verborgen, verweist das Panel auf die Profileinstellungen. Wählen Sie dort zuerst ein Handle und machen Sie das Profil öffentlich.
2. Wählen Sie den URL-Slug. Er kann nach der ersten Veröffentlichung nicht geändert werden; wählen Sie also die Adresse, die Sie behalten möchten.
3. Legen Sie in den Darstellungseinstellungen des Veröffentlichen-Panels die Blocksteuerung fest. Verborgen zeigt Lesenden nur die laufende Seite. Sichtbar lässt Lesende außerdem den Quelltext ansehen, bearbeiten und erneut ausführen. Publikationsstandard verwenden übernimmt die Einstellung Ihres Profils. Änderungen von Lesenden laufen nur in deren eigenem Browser und werden nicht gespeichert.
4. Wählen Sie Im Profil veröffentlichen, öffnen Sie dann die öffentliche URL und probieren Sie die Seite so aus, wie es Lesende tun würden.

Claude veröffentlichen lassen

Claude kann das Dokument selbst veröffentlichen, wenn Ihr MCP-Client die Werkzeuggruppe für das Veröffentlichen aktiviert. Sie wird über den Header X-Strata-Tool-Groups angefordert und braucht Schreibzugriff. In diesem Fall leitet Strata die Adresse aus dem Dokumenttitel ab. Ein Konnektor, der diesen Header nicht senden kann, erhält die Werkzeuge zum Veröffentlichen nicht; veröffentlichen Sie dann über das Veröffentlichen-Panel. Die MCP-Referenz listet die Werkzeuggruppen auf.

Die Seite aktualisieren und denselben Link behalten

Bitten Sie Claude, die Seite im selben Dokument zu ändern, oder bearbeiten Sie sie selbst. Eine Bearbeitung ändert zuerst das Arbeitsdokument. Lesende sehen unter derselben Adresse weiterhin die vorherige Ausgabe, bis Sie im Veröffentlichen-Panel Aktualisierungen veröffentlichen wählen. Da der Slug nach der ersten Veröffentlichung feststeht, ändert sich der Link, den Sie geteilt haben, nicht.

Beim Veröffentlichen werden das Design der Seite und die Daten, die sie liest, festgehalten; veröffentlichen Sie also erneut, nachdem Sie eine Zahl korrigiert haben. Um die Seite offline zu nehmen, wählen Sie Dieses Dokument aus der Veröffentlichung zurückziehen. Die öffentliche Adresse funktioniert dann nicht mehr, das Arbeitsdokument bleibt erhalten.

Gemeinsam mit anderen daran arbeiten

Das Arbeitsdokument ist von der öffentlichen Seite getrennt, daher können Sie vor und nach der Veröffentlichung zusammenarbeiten. Laden Sie über Teilen Personen als Betrachter, Kommentator oder Bearbeiter ein. Besprechen Sie Passagen mit Kommentaren und sehen Sie sich im Verlauf eine frühere Änderung an, stellen Sie eine ganze Version wieder her oder machen Sie eine einzelne Änderung rückgängig.

Das Teilen des Dokuments veröffentlicht es nicht, und das Veröffentlichen gibt Lesenden keinen Zugriff auf das Arbeitsdokument.

Der Unterschied zu einem Datei-Hosting

Ein statischer Host liefert die Datei aus, die Sie hochladen. Das ist einfach, und die Seite kann alles laden, was ein Browser erlaubt. In Strata ist die Seite ein Dokument. Der Link bleibt gleich, während der Quelltext etwas bleibt, das Sie, Ihre Mitwirkenden und Agenten weiter bearbeiten können, mit Kommentaren und Versionsverlauf.

Der Preis dafür ist die Sandbox: kein Netzwerkzugriff und eine kurze Liste von Bibliotheken. Lesende sehen außerdem die zuletzt veröffentlichte Ausgabe, nicht jede Änderung in Echtzeit. Hängt die Seite von externen Skripten oder Live-APIs ab, ist ein statischer Host die bessere Wahl.