Excalidraw MCP App

Ce qu'il fait

Excalidraw MCP App transforme Claude en un partenaire de diagrammes en direct. Décrivez une architecture, un flux ou un concept et Claude génère un diagramme Excalidraw animé et dessiné à la main directement dans le chat, avec un contrôle fluide de la caméra (zoom et pan) et la possibilité d'ouvrir un éditeur plein écran pour des ajustements manuels.

Caractéristiques clés

• Rendu SVG en streaming avec animations de dessin pour que les diagrammes apparaissent progressivement
• Contrôle de la caméra du viewport — pan et zoom fluides pour naviguer dans des diagrammes complexes
• Liaison d'étiquettes — le texte se centre automatiquement dans les formes pour un rendu propre et lisible
• Éditeur interactif plein écran — cliquez pour ouvrir l'interface complète d'Excalidraw et modifier les éléments manuellement
• Boucle de rétroaction par capture d'écran — le contexte de la capture d'écran est renvoyé à Claude pour un affinement itératif

Installation

Claude Desktop (Recommandé — extension .mcpb)

1. Téléchargez la dernière version de excalidraw-mcp-app.mcpb depuis les Releases
2. Double-cliquez sur le fichier .mcpb pour l'installer dans Claude Desktop
3. Redémarrez Claude Desktop — terminé

Claude Desktop (Compilation depuis les sources)

git clone https://github.com/vtmade/excalidraw-mcp-app.git
cd excalidraw-mcp-app
npm install
npm run build

Ajoutez à ~/Library/Application Support/Claude/claude_desktop_config.json :

{
  "mcpServers": {
    "excalidraw": {
      "command": "node",
      "args": ["/path/to/excalidraw-mcp-app/dist/index.js", "--stdio"]
    }
  }
}

Redémarrez Claude Desktop.

Hôtes supportés

Claude Desktop (installateur .mcpb natif ou configuration stdio manuelle).