MCP Clerk OAuth App

What it does

This MCP App combines a remote MCP server deployed on Cloudflare Workers with Clerk OAuth for user authentication and an interactive front-end UI. Authenticated users can use a math tool and view their profile, while users with admin or premium roles can access an AI-powered image generation tool. The app renders an in-browser UI with image upload, prompt input, and preview panels — all served through the MCP UI protocol.

Key features

• Clerk OAuth integration — Full browser-based login flow with Clerk; tokens managed via Cloudflare KV
• Role-based access control — Admin and premium users unlock the image generation tool; basic users get math and profile tools
• Interactive UI — React-based front-end with image upload, prompt input, settings panel, and live image preview
• Cloudflare Workers deployment — One-command deploy with Wrangler; Durable Objects for persistent auth state
• Multi-client support — Works with Claude Desktop, Cursor, Windsurf, and the MCP Inspector via mcp-remote

Installation

Claude Desktop

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "clerk-mcp": {
      "command": "npx",
      "args": [
        "mcp-remote",
        "https://mcp-clerk-oauth.<your-subdomain>.workers.dev/mcp"
      ]
    }
  }
}

Cursor

Choose Type: "Command" and enter:

npx mcp-remote https://mcp-clerk-oauth.<your-subdomain>.workers.dev/sse

Claude.ai web

Add the MCP server URL in Settings → Integrations:

https://mcp-clerk-oauth.<your-subdomain>.workers.dev/mcp

Supported hosts

• Claude Desktop
• Cursor
• Windsurf
• MCP Inspector