Updated June 8, 2026
How do I share a Claude (or ChatGPT) HTML artifact?
Quick answer
Claude gives you a raw .html or .md file that won't open in Slack, email, or on a phone. Push it to Drafty with `drafty canvas push <file>` and you get a link at drafty.im/canvas/<slug> that anyone can open in a browser — and they can leave comments on it too, no account needed.
Claude hands you a raw .html or .md file. That file won't open in Slack, email, or on a phone — it downloads instead of rendering. Push it to Drafty and you get a link at drafty.im/canvas/<slug> that anyone can open in a browser.
The link works the same for files from Claude or ChatGPT. And the people you send it to can leave comments on it, no account required.
Why the downloaded file won't travel
An HTML artifact is a standalone file meant to run in a browser. When you drop it into Slack, email, or a chat app, the recipient gets a download, not a page. On a phone it's worse — most phones can't open a downloaded .html file at all.
A Drafty canvas fixes this because it's a real web page. The link opens anywhere a browser does, including a phone, and an HTML canvas keeps the author's own styles and can run interactive scripts in a sandbox.
Push it to Drafty
You publish a canvas with the Drafty CLI, which installs through Claude Code. You can also ask Claude to "drafty this" file.
- Sign in once with
drafty login. - Run
drafty canvas push report.html. Drafty reads whether it's HTML or Markdown from the file. - Pass
--titleto set the title, likedrafty canvas push report.html --title "Q3 report".
You get back a drafty.im/canvas/<slug> link. That's what you share.
Share the link anywhere
Paste the link into Slack, X, or Notion and it unfurls with the title and a preview image. In Notion, Coda, or Medium it can embed as a live, scrollable canvas through oEmbed.
The link also opens on a phone — a real difference from a raw .html file someone can't open on the go.
Recipients can comment, no account needed
Anyone with the link can click a heading, paragraph, image, table, or code block and leave a comment pinned to that exact element. They comment as a named guest with no signup. Live cursors show who else is viewing.
Recipients can't edit the content — comments only. You publish changes by pushing the file again, and a comment stays anchored to its element even after a new version lands. If you want a quieter page, set it to read-only with drafty canvas mode <slug> read-only.
Frequently asked
- Why can't I just send the .html file?
- A raw .html file downloads instead of opening in Slack, email, or most chat apps, and a phone usually can't open it at all. A Drafty canvas is a web page at drafty.im/canvas/<slug>, so the link opens in any browser.
- Does this work for ChatGPT canvases too?
- Yes. Drafty takes any HTML or Markdown file, so a ChatGPT artifact works the same way as a Claude one. Save it as .html or .md, then run `drafty canvas push <file>`.
- Do recipients need an account to comment?
- No. Anyone with the link can comment as a named guest with no signup. If they sign in later with a magic code, their guest comments get claimed into their account.
Related
- Why won't my Claude HTML file open or render?A Claude .html file opens in a browser but not in Slack, email, or most phones. Share it as a Drafty link so it opens everywhere.
- How do I view a Claude artifact on my phone?To view a Claude artifact on your phone, turn the .html file into a Drafty link — it opens in any mobile browser.
- How can I comment on an AI-generated document?To comment on an AI-generated document, publish it as a Drafty canvas, then click any element to pin a comment to that exact spot.