# Excalidraw Extension

> Add Excalidraw MCP App as a goose Extension

- 网址：https://funcoding.ai/agents/goose/mcp/excalidraw-mcp/
- 来源：goose 官方文档原文（英文），Apache-2.0 许可，同步于 2026-10-11
- 官方原文：https://goose-docs.ai/docs/mcp/excalidraw-mcp

---
This tutorial covers how to add the [Excalidraw MCP App](https://github.com/excalidraw/excalidraw-mcp) as a goose extension that enables goose to draw hand sketched Excalidraw diagrams in real time.

<div class="callout callout-tip">

**Quick Install**

**goose Desktop**

[Launch the installer](goose://extension?cmd=http&id=excalidraw&name=Excalidraw&url=https%3A%2F%2Fexcalidraw-mcp-app.vercel.app%2Fmcp&description=Excalidraw%20MCP%20App%20for%20AI-powered%20diagramming)

**goose CLI**

Add a `Remote Extension (Streamable HTTP)` extension type with:

**Endpoint URL**
```
https://excalidraw-mcp-app.vercel.app/mcp
```

</div>

## Configuration
These steps configure the Remote MCP Server. For other deployment options, see the [Excalidraw MCP App documentation](https://github.com/excalidraw/excalidraw-mcp).

**goose Desktop**

**goose CLI**

## Example Usage

In this example, we use the Excalidraw MCP App to have Goose visualize its own automation pipeline in real time. This demonstrates how Goose can connect to live tools, reason about workflows, and generate structured diagrams element by element.

### goose Prompt
```
Hey Goose review my video automation recipe and create a visual of the automation pipeline for me. I want clean lines and clear labels.
```

### goose Output

```

─── reading /Users/ebonyl/Desktop/plug-and-play-video.yaml ──────────────────────────

─── Create View elements: [ {"type":"cameraUpdate","width":600}, ...] ──────────────────────────

```
![excalidraw image](https://funcoding.ai/official-assets/goose/documentation/static/img/excalidrawImage.webp)