ai-builders

How to Share a Claude Artifact as a Password-Protected Website

Jul 12, 2026 · 2 min read

Claude can generate a full, working HTML page as an artifact — a landing page, a small tool, an interactive demo. Claude's built-in Publish button turns that into a link, but that link is fully public: no password, no expiry, and it may get indexed by search engines. If you're sending a client a preview, or sharing something that isn't ready for the whole internet, that's usually not what you want.

Step 1: Get the HTML out of Claude

In the artifact panel, click the download icon to save the artifact as an .html file. If that's not available for your artifact type, ask Claude directly: "Show me the full HTML for this artifact" — it'll paste the complete source into the chat, which you can save yourself.

Step 2: Name it index.html

Rename the downloaded file to index.html. PreviewSend looks for an index.html at the root of the upload to know what to serve.

Step 3: Zip it

Even a single file needs to go in a ZIP:

zip site.zip index.html

(On Mac or Windows, right-click the file and use "Compress" / "Send to → Compressed folder" — same result.)

Step 4: Upload and lock it down

1. Sign up for PreviewSend — free, no card required.
2. Create a project and upload site.zip. You get a live link immediately.
3. Open the project settings and add a password — included on every plan, including Free.

Every PreviewSend project is also private by default, independent of the password: a long random slug and an X-Robots-Tag: noindex header mean search engines skip it whether or not you set a password. Claude's own Publish link doesn't give you either of those.

Updating the artifact later

If you iterate on the artifact in Claude and want to push the new version live, download the updated HTML, re-zip it, and upload it as a new version on the same project — the link your client already has keeps working, and you can roll back to the previous version if you need to.

For a multi-file export (React app, more than one HTML page), the same ZIP-and-upload flow applies — see how to host a Lovable site without Lovable's hosting for a build-step example.

← Back to the blog