Snake MCP

Nokia-style Snake as an MCP App, with SQLite high scores and a leaderboard.

Live URLs

{
  "mcpServers": {
    "snake": {
      "url": "https://alexmcroberts--28d29b367c8711f18ed61607ee4eb77e.web.val.run/mcp"
    }
  }
}

Or with Claude Code:

claude mcp add --transport http snake https://alexmcroberts--28d29b367c8711f18ed61607ee4eb77e.web.val.run/mcp

Then ask: play snake or show the leaderboard.

Tool	Who	What
`play_snake`	model	Opens the Snake MCP App
`get_leaderboard`	model	Shows top scores (MCP App UI)
`submit_score`	app only	Saves name + score after a crash

Rendering mermaid diagram...

The host calls play_snake and renders the MCP App from ui://snake/mcp-app.html.
Play with arrow keys or the on-screen D-pad.
On crash, enter a name — the app calls submit_score.
Scores live in this val's SQLite database.

main.ts — Hono HTTP + Streamable MCP transport
mcp.ts — tools + MCP App resources
db.ts — SQLite schema / leaderboard helpers
snake-app.html — Snake UI (@modelcontextprotocol/ext-apps)
index.html — landing page Dummy OAuth: GET /authorize, POST /token, static Bearer snake-dummy-token.