MCP Clerk OAuth App

Ce qu'elle fait

Cette application MCP combine un serveur MCP distant déployé sur Cloudflare Workers avec Clerk OAuth pour l'authentification des utilisateurs et une interface utilisateur front-end interactive. Les utilisateurs authentifiés peuvent utiliser un outil mathématique et consulter leur profil, tandis que les utilisateurs avec des rôles administrateur ou premium peuvent accéder à un outil de génération d'images propulsé par l'IA. L'application rend une interface utilisateur dans le navigateur avec téléchargement d'images, saisie de prompts et panneaux de prévisualisation — le tout servi via le protocole MCP UI.

Fonctionnalités clés

• Intégration Clerk OAuth — Flux de connexion complet via navigateur avec Clerk ; jetons gérés via Cloudflare KV
• Contrôle d'accès basé sur les rôles — Les utilisateurs administrateurs et premium débloquent l'outil de génération d'images ; les utilisateurs basiques ont accès aux outils mathématiques et de profil
• Interface utilisateur interactive — Front-end basé sur React avec téléchargement d'images, saisie de prompts, panneau de paramètres et prévisualisation d'image en direct
• Déploiement Cloudflare Workers — Déploiement en une commande avec Wrangler ; Durable Objects pour un état d'authentification persistant
• Support multi-clients — Fonctionne avec Claude Desktop, Cursor, Windsurf et MCP Inspector via mcp-remote

Installation

Claude Desktop

Ajoutez à claude_desktop_config.json :

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

Cursor

Choisissez Type : "Command" et entrez :

npx mcp-remote https://mcp-clerk-oauth.<votre-sous-domaine>.workers.dev/sse

Claude.ai web

Ajoutez l'URL du serveur MCP dans Paramètres → Intégrations :

https://mcp-clerk-oauth.<votre-sous-domaine>.workers.dev/mcp

Hôtes supportés

• Claude Desktop
• Cursor
• Windsurf
• MCP Inspector