Claude + CanvasLink
How to host and share HTML pages built with Claude
Claude is one of the best AI tools for writing interactive HTML pages. Its Artifacts feature can even publish them publicly — but those links live on the claude.ai domain, not yours. CanvasLink gives your Claude-built pages a permanent home on your own subdomain (username.canvaslink.app), with a URL that is entirely under your control. And with the CanvasLink MCP connector, Claude can publish directly to your account without any copy-paste at all.
Step-by-step guide
- 1
Ask Claude to build an HTML page
Open Claude and describe what you want. To get a self-contained file, add "as a single-page self-contained HTML file" to your prompt — for example: "Build a Pomodoro timer as a single-page self-contained HTML file with no external dependencies."
- 2
Copy the HTML from the Artifact
When Claude creates the page, it appears in the Artifact panel on the right. Click the code icon ("<>") in the bottom-right of the Artifact to view the raw HTML, then click Copy.
- 3
Paste into CanvasLink
Go to canvaslink.app, paste the HTML into the editor, and check the live preview. Adjust if needed by going back to Claude and asking for changes, then copying and pasting again.
- 4
Publish to your own subdomain
Click Publish. If you have a CanvasLink account, your page goes live at username.canvaslink.app/page-name — your own branded URL, not a claude.ai URL.
The faster way: publish straight from Claude using MCP
Instead of copy-pasting, you can connect CanvasLink to Claude as a custom connector. After a one-time setup, Claude can publish, update, and delete your pages on command — without you ever leaving the chat.
- 1
Add the connector in Claude
In Claude, open Settings → Connectors → Add custom connector. Paste the connector URL: https://mcp.canvaslink.app/mcp and click Connect.
- 2
Authorise with your CanvasLink account
Claude will redirect you to CanvasLink to sign in and approve access. This is a one-time step.
- 3
Ask Claude to publish
Now just tell Claude what you want: "Build a Pomodoro timer and publish it to CanvasLink as pomodoro-timer." Claude writes the HTML, publishes it to your subdomain, and returns the live URL — all in one step.
- 4
Update or manage pages from chat
You can also ask Claude to update an existing page ("Update the pomodoro-timer page to add a dark mode toggle"), list your pages, or delete a page — all without leaving the conversation.
What you can share
- Interactive apps and tools
- Single-page calculators
- Portfolio pages and demos
- Client mockups and prototypes
- Quizzes and assessments
- Data visualisations
Ready to share your Claude page?
Paste your HTML and get a permanent link in seconds. Free to start — no credit card needed.