惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

I
InfoQ
G
Google Developers Blog
Engineering at Meta
Engineering at Meta
月光博客
月光博客
博客园 - 聂微东
博客园 - Franky
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
有赞技术团队
有赞技术团队
A
About on SuperTechFans
Microsoft Azure Blog
Microsoft Azure Blog
Blog — PlanetScale
Blog — PlanetScale
U
Unit 42
T
Tailwind CSS Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
云风的 BLOG
云风的 BLOG
S
SegmentFault 最新的问题
F
Fortinet All Blogs
H
Help Net Security
J
Java Code Geeks
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 叶小钗
L
LangChain Blog
Martin Fowler
Martin Fowler
N
Netflix TechBlog - Medium

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
How do I share an interactive thing I made with Claude or...
ArcadeLab · 2026-05-15 · via DEV Community

ArcadeLab

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
-->

Enter fullscreen mode Exit fullscreen mode

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.

This guide originally appeared at arcadelab.ai/learn/share-interactive-thing-made-with-ai. ArcadeLab is a free no-signup platform for publishing single-file HTML games, visualizations, and interactive content.