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.

  1. Sign in once with drafty login.
  2. Run drafty canvas push report.html. Drafty reads whether it's HTML or Markdown from the file.
  3. Pass --title to set the title, like drafty 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.

Create your first canvas

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>`.
Can the people I share with edit it?
No. Recipients can comment on the canvas, but they can't change the content. You publish new versions by pushing the file again — every push saves a new version you can preview and restore.
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