diff --git a/examples/arcade-server/.gitignore b/examples/arcade-server/.gitignore
new file mode 100644
index 00000000..b9470778
--- /dev/null
+++ b/examples/arcade-server/.gitignore
@@ -0,0 +1,2 @@
+node_modules/
+dist/
diff --git a/examples/arcade-server/README.md b/examples/arcade-server/README.md
new file mode 100644
index 00000000..557f368a
--- /dev/null
+++ b/examples/arcade-server/README.md
@@ -0,0 +1,83 @@
+# Example: Arcade Server
+
+An MCP Apps server that lets you browse and play classic arcade games from [archive.org](https://archive.org) directly in an MCP-enabled host.
+
+## Overview
+
+This example demonstrates serving **external HTML content** as an MCP App resource. The resource is a static loader that uses the MCP Apps protocol to receive tool arguments, then fetches the processed game HTML from a server endpoint. This pattern allows the same resource to display different games based on tool input.
+
+Key techniques:
+
+- MCP Apps protocol handshake (`ui/initialize` → `ui/notifications/tool-input`) to receive game ID dynamically
+- Server-side HTML fetching and processing per game ID
+- `` tag for resolving relative URLs against archive.org
+- `baseUriDomains` CSP metadata to allow the base tag
+- Rewriting ES module `import()` to classic `
+ `,
+ );
+ }
+
+ // Convert inline ES module scripts to classic scripts
+ html = convertModuleScripts(html);
+
+ // Fetch the emulation script server-side and serve from local endpoint
+ html = await rewriteEmulationScript(html, serverPort);
+
+ return html;
+}
+
+/**
+ * Fetches emulation.min.js server-side, rewrites import() → loadScript(),
+ * caches it, and points the HTML `);
+ } catch {
+ // If fetch fails, leave the original script tag
+ }
+
+ return html;
+}
+
+/**
+ * Converts ES module scripts to classic scripts and rewrites inline
+ * import() calls to use window.loadScript().
+ */
+function convertModuleScripts(html: string): string {
+ return html.replace(
+ /(]*>)([\s\S]*?)(<\/script[^>]*>)/gi,
+ (match, openTag: string, content: string, closeTag: string) => {
+ // Skip our injected scripts
+ if (content.includes("window.loadScript")) return match;
+
+ // Remove type="module"
+ const newOpenTag = openTag.replace(/\s*type\s*=\s*["']module["']/gi, "");
+
+ // Rewrite dynamic import() to loadScript()
+ let newContent = content.replace(
+ /import\s*\(\s*(["'`])([^"'`]+)\1\s*\)/g,
+ (_m: string, quote: string, path: string) => {
+ if (path.startsWith("http://") || path.startsWith("https://"))
+ return _m;
+ return `window.loadScript(${quote}${path}${quote})`;
+ },
+ );
+
+ // Convert static import statements
+ newContent = newContent.replace(
+ /import\s+(\{[^}]*\}|[^"']+)\s+from\s+(["'])([^"']+)\2/g,
+ (_m: string, _imports: string, quote: string, path: string) => {
+ if (path.startsWith("http://") || path.startsWith("https://"))
+ return _m;
+ return `window.loadScript(${quote}${path}${quote})`;
+ },
+ );
+
+ return newOpenTag + newContent + closeTag;
+ },
+ );
+}
diff --git a/examples/arcade-server/index.ts b/examples/arcade-server/index.ts
new file mode 100644
index 00000000..79159589
--- /dev/null
+++ b/examples/arcade-server/index.ts
@@ -0,0 +1,105 @@
+#!/usr/bin/env node
+
+/**
+ * Arcade MCP Server - Entry Point
+ *
+ * Sets up HTTP transport with Express and serves the modified emulation script.
+ */
+
+import cors from "cors";
+import express from "express";
+import type { Request, Response } from "express";
+import { StreamableHTTPServerTransport } from "@modelcontextprotocol/sdk/server/streamableHttp.js";
+import { createServer, validateGameId } from "./server.js";
+import {
+ getCachedEmulationScript,
+ processGameEmbed,
+} from "./game-processor.js";
+
+const DEFAULT_PORT = 3001;
+
+async function main() {
+ const port = parseInt(process.env.PORT ?? String(DEFAULT_PORT), 10);
+ const app = express();
+
+ app.use(cors());
+ app.use(express.json());
+
+ // Serve the modified emulation script (import() rewritten to loadScript()).
+ //
+