🎮ArcadeLab
🪄May 13, 2026

How do I share an interactive thing I made with Claude or AI?

💡

Quick answer

Save the AI's code as a single HTML file, paste it at arcadelab.ai/publish, and you get a public URL anyone can play with. No signup, no build tools, no account. Works for games, visualizations, simulations, or any single-file interactive HTML.

You asked an AI to build you something — a game, a physics demo, an interactive chart, whatever it is — and it gave you a wall of HTML, JavaScript, and CSS. Now you want a friend, a kid, a coworker, or the internet to play with it. This is how.

What counts as a thing you can share?

Anything that runs in a browser as a single self-contained HTML file. That includes:

  • Games (platformers, shooters, puzzle games, RPGs)
  • Physics simulations and interactive demos
  • Data visualizations (D3, raw canvas, anything)
  • Generative art and creative coding sketches
  • Animated explainers and interactive lessons
  • Toys, art, music makers — anything playful

If it's one HTML file under 500KB that doesn't need to call an external API, it works.

How do I get one HTML file out of an AI?

Most AI assistants will give you a complete HTML file if you ask for one. The exact prompt matters less than what you tell it not to do. Say:

"Give me a single self-contained HTML file. All JavaScript and CSS should be inline. Don't use fetch, XHR, or WebSocket — the page can't make network requests. Keep the whole file under 500KB."

If the AI gives you something that imports external files or makes API calls, ask it to rewrite as a single self-contained file.

What is the ARCADELAB header?

ArcadeLab uses a small comment block at the top of the HTML to know your title, description, and which libraries to load. It looks like this:

<!--ARCADELAB
title: My Game
description: A short one-sentence description
libraries: phaser
emoji: 🚀
color: blue
-->

Put it before <!DOCTYPE html>. If you list a library name (phaser, p5, three, gsap, tone, pixi, matter, d3, react), ArcadeLab loads it automatically — don't add your own CDN script tags.

Do I need to know how to code?

No. The AI does the coding. You just need to copy the output, paste it, and click Publish. If you're reading this and have never opened a code editor, you can still do this.

What if the AI's code has errors?

ArcadeLab shows a preview before you publish. If it doesn't work, copy the error message back to your AI and ask it to fix it. This loop usually takes one or two tries.

Can I update my thing later?

Yes. ArcadeLab remembers your Creator Code in the browser. When you visit your own game, you'll see Edit and Delete buttons. Updating replaces the HTML while keeping the same URL.

What does my final URL look like?

It looks like arcadelab.ai/play/your-title-creatorname. Share that link anywhere — Discord, iMessage, email, Reddit. People click and play immediately, no install needed.

For a longer briefing aimed at AI assistants (which you can share with your Claude or ChatGPT chat), see arcadelab.ai/for-ai.

Ready to publish? Paste your HTML file and get a URL.

🚀Publish your thing

Related guides