Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Flappy Bird MCP AppI want to play Flappy Bird"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Flappy Bird MCP App
A fully playable Flappy Bird game that runs inline in AI chat clients via MCP Apps.
Setup
Run
Server starts at http://localhost:3001/mcp.
Expose via tunnel (for remote hosts like ChatGPT, Claude.ai)
Use the generated https://*.trycloudflare.com/mcp URL as your MCP server endpoint.
Configure
VS Code (1.109+)
See the VS Code MCP docs to add an HTTP server with URL http://localhost:3001/mcp.
ChatGPT
Start the tunnel (see above)
Go to chatgpt.com → Settings → Apps & Connectors → Add new connector
Enter a name (e.g. "Flappy Bird") and paste the tunnel URL:
https://<your-tunnel>.trycloudflare.com/mcpIn a new chat, click + → More → select the connector
Claude.ai
Start the tunnel (see above)
Go to claude.ai → Settings → Integrations → Add MCP Server
Paste the tunnel URL:
https://<your-tunnel>.trycloudflare.com/mcp
Tools
Tool | Description |
| Launches the game (renders inline) |
| Submits a score from the game UI |
| Returns the session high score |
