Interactive Drawer

Ce qu'il fait

Interactive Drawer offre aux LLM une interface MCP vers le canevas de diagrammes Excalidraw. L'IA appelle create_view avec des données d'éléments, et une URL de visualisation partageable en direct est retournée. Les utilisateurs ouvrent le lien dans leur navigateur pour voir, modifier, panoramiser, zoomer et exporter le diagramme — aucun dessin manuel n'est requis. Les sessions persistent pendant 24 heures et le LLM peut relire toutes les modifications effectuées par l'utilisateur via get_current_view.

Caractéristiques clés

• Deux modes : Web (HTTP MCP + REST API + visualiseur intégré sur un seul port) et Studio (stdin/stdout pour Claude Desktop, Cursor, etc.)
• Visualiseur en direct : Chaque diagramme reçoit une URL /view/:key — éditeur Excalidraw complet dans le navigateur avec export SVG/PNG
• Bi-directionnel : Le LLM peut relire les modifications de l'utilisateur via get_current_view, permettant un dessin collaboratif itératif
• Sélecteur de style de dessin : Personnalisation de la police (Excalifont, Nunito, Comic Shanns) et du niveau de maladresse (Architect, Artist, Cartoonist) par diagramme
• Aucune installation requise : npx interactive-drawer en mode web ou --stdio pour les clients MCP locaux

Installation

Claude Desktop (mode studio) :

{
  "mcpServers": {
    "excalidraw": {
      "command": "npx",
      "args": ["interactive-drawer", "--stdio"]
    }
  }
}

VS Code Copilot / Cursor (mode web — lancez d'abord le serveur avec npx interactive-drawer) :

{
  "mcpServers": {
    "excalidraw": {
      "url": "http://localhost:3001/mcp"
    }
  }
}

Claude.ai web : Ajoutez http://localhost:3001/mcp dans Paramètres → Intégrations (nécessite un serveur tournant localement ou hébergé).

Hôtes supportés

Confirmés : Claude Desktop, Cursor, Goose, Claude Code.