Sketch Canvas

Ce qu'il fait

Sketch Canvas est une App MCP qui intègre un canevas de dessin interactif dans Claude. Quand les mots ne suffisent pas, dites à Claude que vous voulez esquisser quelque chose et un canevas complet apparaît. Dessinez à main levée, ajoutez des formes, des flèches et des étiquettes textuelles — chaque action synchronise automatiquement le canevas sous forme de PNG dans le contexte de Claude pour que l'IA voie votre dessin à côté de votre prochain message.

Fonctionnalités clés

• Dessin à main levée — traits fluides avec largeur et couleur ajustables
• Outils de formes — rectangle, cercle/ellipse et flèche avec pointes
• Étiquettes textuelles — annotations textuelles à placer d'un clic n'importe où sur le canevas
• Gomme + Annuler — annulation via Ctrl+Z ou barre d'outils ; effacement d'éléments individuels
• Auto-sync — un délai de 800ms après chaque action exporte un PNG en résolution 2x et l'attache automatiquement à votre prochain message
• Hébergé ou auto-déployé — utilisez le point de terminaison live Cloudflare Workers ou déployez le vôtre en quelques minutes

Installation

Claude.ai (Web) : Ajoutez l'URL du serveur distant dans Paramètres → Connecteurs → Ajouter un connecteur personnalisé :

https://sketch-canvas-mcp.maganuriyev.workers.dev/mcp

Claude Desktop (claude_desktop_config.json) :

{
  "mcpServers": {
    "sketch-canvas": {
      "url": "https://sketch-canvas-mcp.maganuriyev.workers.dev/mcp"
    }
  }
}

Exécution locale :

npm install && npm run dev
# Serveur sur http://localhost:3001/mcp

Hôtes supportés

Claude (web et Desktop) — confirmé dans le README. Le transport HTTP supporte tout client MCP avec capacité de serveur distant.