How to Host and Share Claude Artifact Presentation Slides

AI assistants like Claude and ChatGPT have changed how we create presentations. With a simple prompt, Claude can generate a fully functional, styled HTML presentation using CSS grid, flexbox, or Reveal.js inside its "Artifacts" window.

But once Claude generates the presentation, **how do you share it with others?**

While Claude allows you to preview the slides, sharing the raw chat link can be awkward, as it exposes your entire prompt history. Emailing the HTML file is blocked by security filters, and hosting it on GitHub Pages is too slow for a quick presentation.

In this guide, we show you how to download your AI-generated slide presentation and share it instantly with a public, sandboxed link on Shipslides.

Step 1: Download the HTML File from Claude

When Claude renders your slides inside the Artifacts panel (on the right side of your chat window):

1. Look at the bottom right corner of the Artifacts window.
2. Click the **"Download"** button (represented by a tray icon or arrow).
3. Claude will download a single, self-contained `.html` file to your computer.

Because Claude packages all CSS and JavaScript scripts directly into that single HTML file, it will run completely offline on your local browser.

Step 2: Upload the Slide Deck to Shipslides

Once you have the `.html` file:

1. Go to Shipslides Upload Page.
2. Drag and drop your downloaded HTML file onto the upload zone.
3. Give your presentation a clear title and an optional summary.
4. Click **"Upload"**.

Shipslides will process the file, extract the slide outline, and publish it to a secure CDN in under 30 seconds.

Step 3: Share Your Polished Presentation Link

After the upload completes, you get a clean short URL (e.g., `shipslides.com/d/your-presentation`).

This link is optimized for sharing:

• Sandbox Isolation: Viewers can safely play your presentation. Any JavaScript generated by Claude runs inside a secure iframe with restricted cookies/network access.
• SEO Outline: Shipslides parses headings in the AI-generated file to display a clean slide navigation list and a crawlable text transcript around the slides.
• Social Previews: When shared on Slack, Discord, or LinkedIn, the link automatically unfurls with a rich preview card.

Prompting Tip: How to get the best HTML Slides from Claude

To ensure Claude generates slides that work perfectly on Shipslides, use this prompt structure:

"Write a self-contained HTML slideshow about [Topic]. 
Inline all CSS and Javascript. Use standard scroll-snap CSS 
or a basic script to navigate between slides on click or arrow keys. 
Make each slide a <section> with page numbering and structured headings. 
Do not reference local files or CDNs that require network connectivity."