AI Drawing Guesser

Ce qu'il fait

AI Drawing Guesser est un jeu de dessin interactif qui rend une interface utilisateur de canevas à l'intérieur de votre hôte MCP. Vous dessinez quelque chose sur le canevas, puis demandez à l'IA d'analyser votre dessin et de deviner ce que c'est. L'IA renvoie des suppositions avec des scores de confiance, et vous confirmez ou continuez à dessiner. C'est une démonstration ludique et concrète de l'extension MCP Apps (SEP-1865), montrant comment des interfaces HTML interactives peuvent être servies depuis un serveur MCP avec une communication bidirectionnelle entre l'UI et l'hôte.

Fonctionnalités clés

• Canevas de dessin avec dessin à main levée fluide, support du tactile et de la souris, et une palette multicolore
• Devinettes de l'IA — cliquez sur "Ask AI to Guess" et l'outil analyze_drawing du serveur renvoie des suppositions classées avec des scores de confiance
• Annuler et effacer pour corriger des erreurs ou commencer un nouveau croquis
• Style adapté au thème — s'adapte automatiquement au mode clair ou sombre de l'hôte
• Mises à jour du contexte du modèle en temps réel — l'IA est informée de la progression du dessin pendant que vous esquissez via des appels updateModelContext() avec debounce

Installation

Claude Desktop

Ajoutez à votre claude_desktop_config.json :

{
  "mcpServers": {
    "drawing-guesser": {
      "command": "node",
      "args": ["/absolute/path/to/ai-drawing-guesser-mcp-app/dist/server/index.js"]
    }
  }
}

Redémarrez Claude Desktop, puis dites "Jouons au jeu de dessin !" ou "Lance le devineur de dessins IA."

MCP Inspector (développement)

npx @modelcontextprotocol/inspector node dist/server/index.js

Hôtes supportés

Claude Desktop (confirmé dans le README). Fonctionne également avec le MCP Inspector pour le développement.