Publish an HTML page from Claude as a live, shareable link

Connect Claude to Strata

Claude needs a connection to your Strata account before it can create documents there. The connection acts as you, so Claude can reach only the documents your account can open.

In claude.ai, open Settings, then Connectors, choose Add custom connector, and enter the Strata MCP server URL, https://api.strata.space/mcp. Custom connectors are available on paid plans, and an organization connector is added by an Owner. In any other MCP client, add the same URL and complete the sign-in.

In Claude Code, install the Strata plugin with /plugin marketplace add strata-space/marketplace followed by /plugin install strata@strata-space. The plugin registers the MCP server, and the first time Claude uses a Strata tool a browser window opens so you can sign in.

Ask Claude to create the page as a Strata document

In Strata, an interactive page is a document that contains a fenced code block tagged html. The block’s markup, styles, and script run as a live, sandboxed preview, so Claude can write the whole page as ordinary document content.

Ask Claude to read Strata’s interactive-html authoring guide first. Claude can retrieve it with the find tool, and it covers the libraries, the theme variables, and the limits described below.

Know what the page can and cannot do

The preview is fully isolated. It has no cookies or storage, no access to the surrounding page, and no external URLs. Scripts and styles load only from Strata’s vetted libraries: mermaid, d3, three.js, and a Doom engine. Everything else must be written inline in the block.

A page that loads a script from a CDN, loads a web font, or calls a third-party API will not work as written. Tell Claude up front to keep the page self-contained. A chart can also read named data from the same document, such as a JSON or CSV block or a table, so the numbers stay editable text. The interactive HTML reference describes how.

A prompt to try

Read Strata’s interactive-html authoring guide with the find tool first. Then create a new Strata document titled "Mortgage payoff calculator" with a two-sentence introduction and one fenced html code block that contains the whole calculator: inputs for loan amount, rate, and term, and a chart of the remaining balance drawn with d3 from /sandbox/libs/d3.min.js. Keep everything inside that one block, load nothing else from the network, use Strata’s theme variables, and set the background and text colors together. Tell me when it is ready and do not publish it.

Check the page in Strata

Open the new document in Strata. The page runs in the editor as soon as Claude writes it, and every edit re-renders it from a clean state. Try the controls, narrow the window to a phone width, and look at the page in both light and dark themes.

Script errors and console warnings appear beneath the preview, so paste them back to Claude to fix.

Publish it to a public link

Publishing creates a public edition at /@your-handle/your-slug that anyone with the link can open without a Strata account. The page appears as a block inside a reading page, with the document’s title and text around it.

1. Open the document’s Publish panel. If your public profile is hidden, the panel links you to profile settings. Choose a handle and make the profile public first.
2. Choose the URL slug. It cannot be changed after the first publish, so choose the address you want to keep.
3. In the appearance settings of the Publish panel, set Block controls. Hidden shows readers only the running page. Visible lets readers also view the source, edit it, and run it again. Use publication default follows the setting on your profile. A reader’s changes run only in their own browser and are not saved.
4. Choose Publish to profile, then open the public URL and try the page as a reader would.

Let Claude publish it

Claude can publish the document itself when your MCP client enables the publishing tool group, which is requested with the X-Strata-Tool-Groups header and needs write access. In that case Strata derives the address from the document title. A connector that cannot send that header does not get the publishing tools, so publish from the Publish panel instead. The MCP reference lists the tool groups.

Update the page and keep the same link

Ask Claude to change the page in the same document, or edit it yourself. Editing changes the working document first. Readers keep seeing the previous edition at the same address until you choose Publish updates in the Publish panel. Because the slug is fixed after the first publish, the link you shared does not change.

Publishing captures the page’s design and the data it reads, so publish again after correcting a figure. To take the page down, choose Unpublish this document. The public address stops working, and the working document remains.

Work on it with other people

The working document is separate from the public page, so you can collaborate before and after publishing. Use Share to invite people as Viewer, Commenter, or Editor. Use Comments to discuss a passage, and History to inspect an earlier edit, restore a whole version, or undo one change.

Sharing the document does not publish it, and publishing does not give readers access to the working document.

How this differs from hosting a file

A static host serves the file you upload. That is simple, and the page can load anything a browser allows. In Strata the page is a document. The link stays the same while the source remains something you, your collaborators, and agents can keep editing, with comments and version history.

The tradeoff is the sandbox: no network access and a short list of libraries. Readers also see the last published edition, not every edit as it happens. If the page depends on external scripts or live APIs, a static host is the better fit.