Skip to main content
Claude Design (an Anthropic Labs tool) lets you describe a page in plain language — a launch announcement, a one-pager, a portfolio, a landing page — and it generates real, standalone HTML/CSS/JS you can open in any browser. That self-contained HTML is exactly what Shareable hosts, so the two fit together neatly: design in Claude, share with Shareable.

​
Why add Shareable?

Claude Design can share a page as an internal org URL or a public artifact link, but those have no access control, no expiry, no password, and no view analytics. Shareable wraps the same HTML in a real share link you control:

Decide who sees it

Anyone with the link, specific people, a password, or business-email-only.

See who viewed it

View counts, devices, locations — and names, when you share by email.

Get told when it's opened

Optional email the moment someone views the page.

Update it anytime

Re-publish a new version on the same link; roll back if needed.

​
Do it in 4 steps

1

Make the page in Claude Design

Open Claude Design (available in research preview on Claude Pro, Max, Team, and Enterprise) and describe what you want — “a launch page for our new feature with a hero, three benefits, and a sign-up button.” You can also sketch a layout or upload a photo of a whiteboard and let it build from that. Iterate conversationally until it looks right.
2

Export standalone HTML

When you’re happy with it, export → HTML to get a single self-contained .html file. (Claude Design also exports to Canva, PDF, and PPTX, and can share an internal org URL — but for a public, controllable link, you want the HTML file.)
Want a working form, booking widget, or buy button on it? Ask Claude Design to add the embed while you’re there, or follow Add an integration in 3 steps after you publish — the embed travels with the HTML.
3

Bring the HTML into Shareable

Two ways, depending on how you work:
  • By hand: open Shareable, paste the HTML (or drop the exported .html file), and publish.
  • From an agent: if you publish from Claude Code or another agent, hand it the exported HTML and ask it to publish through the Shareable MCP server — Claude creates the page and returns the link.
4

Set access and send the link

Pick who can see it in the Share dialog — link, specific people, password, or anyone with a verified email — optionally flip on Email me when viewed, and share the link. You can re-export an updated design from Claude later and re-publish it on the same link.

​
The short version

StepWhereWhat
1Claude DesignDescribe (or sketch) the page; iterate
2Claude DesignExport → HTML (standalone file)
3ShareablePaste/drop the HTML, or publish via the MCP
4ShareableSet access, turn on notifications, send the link
Claude Design exports real HTML — no special handling needed. If a design ever relies on a live API call at runtime, that part won’t run on a static host; keep the page self-contained (which is what Claude Design’s HTML export produces).