Lorem Picsum MCP

What it does

Lorem Picsum MCP is a demo application for the chapplin MCP Apps Framework. It connects to the Lorem Picsum placeholder image service and renders random photos directly inside MCP-compatible clients. When an AI assistant calls the get_image tool, the app returns an interactive UI card displaying a random Lorem Picsum image — no need to open a browser.

Key features

• Interactive Image Cards — Renders placeholder images as embedded UI within the MCP client, not just URLs
• Built on chapplin Framework — Demonstrates the MCP Apps pattern for building rich, interactive tool UIs with SolidJS
• Cloudflare Workers Deployment — Hosted at https://lorem-picsum-mcp.ssssota.workers.dev/mcp for instant use
• Hono + MCP SDK — Uses @hono/mcp and @modelcontextprotocol/sdk for a modern, lightweight server implementation
• Type-Safe with Zod — Full schema validation on tool inputs and outputs

Installation

Claude Desktop — add to claude_desktop_config.json:

{
  "mcpServers": {
    "lorem-picsum": {
      "command": "npx",
      "args": ["-y", "@hono/mcp-cli", "https://lorem-picsum-mcp.ssssota.workers.dev/mcp"]
    }
  }
}

Claude.ai web — add MCP server URL in Settings → Integrations:

https://lorem-picsum-mcp.ssssota.workers.dev/mcp

VS Code Copilot — add to settings.json:

{
  "github.copilot.chat.mcp.servers": {
    "lorem-picsum": {
      "url": "https://lorem-picsum-mcp.ssssota.workers.dev/mcp"
    }
  }
}

Supported hosts

Claude Desktop, Claude.ai, VS Code Copilot. Any MCP client supporting HTTP transport and the MCP Apps extension should work.